How to modify style.css for Front page only | WordPress.org

Resolved petergmtl
(@petergmtl)

10 years, 3 months ago

Hi,

I have made a few changes to style.css that affect the entire site (www.3saccounting.com). How would I go about modifying style.css further so that one (or more) of the changes does not affect the Front Page?

Thanks

Peter

Viewing 6 replies - 1 through 6 (of 6 total)

salsaturation
(@salsaturation)

10 years, 3 months ago
Hi Peter

You can use

body.home

Infront of the css code eg
```
body.home .some-div {
display: none;
}
```
Also you can do something like this
```
body:not(.home) .some-div {
display: none;
}
```
to affect everything other than the home
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 3 months ago

You’re referring to your Child Theme style.css file?

Thread Starter petergmtl
(@petergmtl)

10 years, 3 months ago

@andrew – yes, Child Theme – forgot to mention that.

@salsaturation – thanks, I’ll give your suggestion a try.

Cheers

Peter

Thread Starter petergmtl
(@petergmtl)

10 years, 3 months ago

@salsaturation

Your suggestion worked – thanks! You saved me a lot of time.

Peter

salsaturation
(@salsaturation)

10 years, 3 months ago

You’re welcome.

ElectricFeet
(@electricfeet)

10 years, 3 months ago

@salsaturation Neat! Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘How to modify style.css for Front page only’ is closed to new replies.

Tags

In: Themes and Templates
6 replies
4 participants
Last reply from: ElectricFeet
Last activity: 10 years, 3 months ago
Status: resolved