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

Home Forums Support Is there a list of CSS classes that can be used?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #550668
    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

    GeneratePress 2.0.2
    GP Premium 1.6.2
    #550929
    Leo
    Staff
    Customer Support

    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 🙂

    #551343
    Tom

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

    #551742
    Leo
    Staff
    Customer Support

    No problem 🙂

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.