How to view the custom css of a theme

  • Unknown's avatar
    robvanskoy · Member ·

    Hello!

    Been studying web development for a few years and have finally taken the plunge into WordPress and hosting and creating my first blog/site.

    I have selected the ‘Pixl’ theme as I like the 90’s aesthetic and want to customize the color pallet to more closely mirror a command prompt.

    I have modified the colors and figured out how to add the ‘pixl-shadow’ class to some of my page’s content. What I am interested in is how to view a repository/collection of those Additional CSS classes.

    I want to take full advantage of the theme and in the process understand how to explore all options associated with one.

    My main question is: How can I view the Additional CSS Classes associated with a theme?

    Thank you!
    -Rob

    The blog I need help with is: (visible only to logged in users)

  • staff-95percentghost · Staff ·

    Hi, and welcome!

    Generally we’ve found that the easiest way to view CSS classes that come from a theme (or otherwise) is just to use the browser inspector tool that comes as standard in all browsers:
    https://wordpress.com/support/how-to-find-your-themes-css/

    When you ‘inspect’ the items whose CSS you’d like to view, the applicable CSS classes generally appear at the top of the list in the CSS inspector. Otherwise if you’re familiar with looking at the source code of the page, you can find the theme’s style.css file to view it that way and view the classes and CSS it employs.

    I love what you’ve done with the front page so far!

  • The topic ‘How to view the custom css of a theme’ is closed to new replies.