Site-Container CSS Customizations – How to Exclude the Homepage?

[laurarabell]

Hi StudioPress friends,

I'm using the altitude pro theme and made some changes to my site container like so:

.site-container {
background: url("/wp-content/uploads/2016/04/Bamboo-Background-4.jpg")fixed!important;
}

.full-width-content .content {
    padding: 70px 100px 50px!important;
}

.site-inner, .wrap {
    max-width: 1050px!important;
}

I was just trying to get a nice background image to spruce up the plain white page backgrounds. Then I changed around some of the padding, etc, to suit this new look.

However, once I got the interior pages looking just right (there are about 22 of these), then I noticed that OOPS! -- all of these changes wreaked havoc on my homepage.

Is there any fancy CSS I am missing here that could possibly tell WordPress to make these changes on every page EXCEPT the homepage?

(the whole site is behind an "under construction" page right now so unfortunately links to the site would not be helpful)

Thanks for any help you can provide!

[Victor Font]

You can give the home page it's own CSS by using .home .site-inner {}. Don't know what theme you're using, but it should work.

---

Regards,

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

[laurarabell]

Thanks for your help, Victor. I'm using the Altitude Pro theme.

Trying this but it's not working. Am I doing this right?

.home .site-inner, .home .wrap {
    float: none;
    margin: 0 auto;
    max-width: 1200px;
}

.site-inner, .wrap {
    max-width: 1050px;
}

[Author]

Posts