Jump to content

Where to find classes for custom.css


M.N

Recommended Posts

Decided to use PS Classic theme, created child and started editing custom.css file. There is trouble to find correct elements to define. In example, it is working for the header  #header { background: gray; color: red;} where background is gray but only shopping basket text turns red. For contact, language  and currency block i can not find the class to define. Based on what can be found on the inspect element I have tested: #contact-link, #header-nav, #language-selector, #currency-selector, #menu-icon and some more all with simple definition  { color: red;} for testing purposes. However, nothing seems to work. So question is not specific, but general, as I need to change a lot more. What is the best method to find out correct class name for custom.css?

The only ones so far I could use have been header and footer and they work for background only...

Link to comment
Share on other sites

Thank you for tip, D.T! Finally resolved when I open from Inspect element the format on the right column and go directly to css file. Then copy the exact styling reference to my custom css. After that it works every time. Only few things left, that are difficult to find but this is already small problem. Case closed.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...