[Support request] List of default CSS selectors

[Chris]

I’m looking for the list of default CSS selectors so I can easily replace all of the stylings for buttons, fonts, headings, etc. I’m moving to your platform from another so there’s a bit of a learning curve for me. Any help would be appreciated.

Thanks!

[Leo]

Hi Chris,

There are way too many CSS selectors in this theme to list them out. The easiest way is to use the developer tool from your browser and find what you are looking for.

If there is something you can’t find then please post the link here and we can definitely help you out 🙂

On the side note, from another post it looks like you are using Elementor on that site? If so then GP classes won’t do much for you as page builders overwrite GP’s code.

If you are really keen on learning GP, then checkout the github page: https://github.com/tomusborne/GeneratePress

Let me know if you need more info.

[Chris]

Thanks. I did my best. I really need to figure out the buttons. I can use chromes inspector and get everything looking right but can’t seem to apply the codes correctly on the Css to get it to stick when I refresh.

[Tom]

Buttons are probably one of the more complicated ones:

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button, 
.button:visited {

}

This has been asked a few times, I’ll try to find some time to create a doc page on all of the important selectors in the theme.

[Maty]

what is the css selector for the menu bar? I am trying to use a plug in and it says this:
Original Menu to Hide
To hide your current theme menu you need to put the CSS selector here. Any legal CSS selection criteria is valid.

[Leo]

Should be .main-navigation

If you need additional help on this, can you open a new topic?

Thanks!

[Author]

Posts