Custom CSS Class Per Page

How do I add a custom CSS class to the body element of a page to apply specific CSS to that page?

Comments

  • Hi,
    There is no option to apply custom css to the body tag, each page has a custom class added with the id of the page, like here: http://prntscr.com/ffdatq
    As you can see, this page has the class .page-id-92
    thanks
  • It would be more convenient if I could add an extra class to the body tag such as white-bg, pink-bg depending on whether I want that page to have my white BG styles or my pink BG styles. Also, it would be best to allow multiple extra class names. Would this be possible to add in a future update?
  • We do not think so, since there are many classes added to the body tag and users could name their custom classes with the same names. This would be very problematic.
    You can always edit the theme files and add your custom class directly into the code, since this is a custom theme files modification we cannot support it.

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.