[Resolved] Is there a list of CSS classes that can be used?

[Tom]

Hi,

I find a lot of help and info in the forum but so far I’m missing one thing:
I noticed that a lot of detailed customisation can be solved by using CSS classes like for example: .mobile-header-navigation.navigation-stick, .main-navigation:not(.toggled), .elementor-element.hero-btn etc. and then setting properties such as alignment, colour,…

But I’m completely in the dark as to how to figure out which classes to use when and where. Right now I’m just trying to change some CSS I find on this forum and then refresh the page to see which part of my website is affected (or not). Not very efficient…

So what is the efficient way to learn how to target/use the correct CSS classes from GP?

thanks,
Tom

[Leo]

Hi there,

The best way would be to use browser’s developer tool.

So right click on the element you are wanting to target, then select inspect, the you should be able to see all the HTML, classes and CSS that are associated with it.

It’s a super useful skill to learn if you are planning to write lots of custom CSS.

Let me know if you need additional info 🙂

[Tom]

Thank you Leo, I’ll try that first for now.

[Leo]

No problem 🙂

Let me know if there’s anything you are unsure of.

[Author]

Posts