[Resolved] Adding custom class to entry-content?

[Wayne]

Hello! How can I add add a custom class to entry-content? I have added some custom CSS to style interior pages with a little pop of color and shadow. The problem is, this is also showing up on the home page of the site. The home page is just a standard page using Beaver Builder for the rows (Not my choice, I inherited this project, lol) but that should not matter right?

How can I target that specific page to not show my custom CSS with GeneratePress? Here is my CSS I am using:

div.entry-content {
background: #fff;
padding: 22px 20px 30px;
margin-bottom: 43px !important;
border-top: 4px solid #F0B400;
-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
}

[Tom]

If the homepage is the only page you don’t want that CSS to apply to, you can do this:

body:not(.home) div.entry-content {
    background: #fff;
    padding: 22px 20px 30px;
    margin-bottom: 43px !important;
    border-top: 4px solid #F0B400;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
}

[Wayne]

Dang, learn something new everyday! Works fantastic. Thanks homie! Marking as resolved.

[Tom]

You’re welcome!

[Author]

Posts