Nested CSS for Page IDs?

[RavenManiac]

What's the proper way to nest CSS for specific pages? Here's what I'm currently using, but I'm sure this can be simplified:

/* LANDING PAGE MODIFICATIONS
--------------------------------------------- */
.page-id-4030 .site-inner {
	background-color: White;
	}

.page-id-4030 .site-inner {
	margin-top: 0px;
	}

[Victor Font]

The nesting is correct, but why not just use one set of classes?

.page-id-4030 .site-inner {
background-color: White;
margin-top: 0px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[RavenManiac]

How would I do that?

[Victor Font]

I gave you the example above. In your original post you had to CSS blocks each with a single line of code. What I meant was consolidate your code into a single block.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[RavenManiac]

Gotcha. Thanks, Victor.

If I want to remove the background image from the landing page mentioned above, how would I do that? I've tried several things, but nothing works. Here's what the existing code looks like:

body {
    background-image: url(/wp-content/uploads/2017/03/cream_paper.jpg);
}

I added the code above using Genesis Extender Pro to place that image on every page in the website, but I don't want it to appear on the landing page. Thanks!

[Author]

Posts