Hi here’s the css snippet to do that :
.blog .container > .row {
background: white;
}
Nice customizations by the way
Thanks that worked great. All the customizations are based on stuff I learned through this forum.
Is there a way to do this for other select pages?
Body tag holds classes that allow you to target specific pages, templates, taxonomies, search results, archives, etc.
Replace .blog with body.page-id-XX and it will apply to the background of page with the id of XX.
@breezymeadows:
You have a small error in your CSS, and it is creating an unwanted horizontal scroll bar.
On line 78 of your style.css you need to replace
.row-fluid .span3 {
width: 102%;
}
with:
.row-fluid .brand.span3 { width: 100%;}
And, while you’re there, you might want to put this in for your page backgrounds, see if you like it better:
.blog .container > .row,
.page-id-29 .container > .row,
.page-id-27 .container > .row,
.page-id-31 .container > .row {
background-color: rgba(255,255,255,.85);
padding: 20px 0;
border-radius: 12px;
}
Thanks for looking at my code. I am flying by the seat of my pants and could use all the help I can get. The new page backgrounds look much better now.
Thanks
And, while you’re there, you might want to put this in for your page backgrounds, see if you like it better:
.blog .container > .row,
.page-id-29 .container > .row,
.page-id-27 .container > .row,
.page-id-31 .container > .row {
background-color: rgba(255,255,255,.85);
padding: 20px 0;
border-radius: 12px;
}
I just realized this doesn’t work on some IE browsers what would be the code to make sure it worked on them as well?
I tried in the chrome and ie did not work.
in my case:
.blog .container > .row,
.page-id-68 .container > .row {
background-color: rgba(240, 188, 136, 1);
padding: 20px 0;
border-radius: 12px;
}
