Hey guys,
I am working on a site and want to establish a background style similar to the one found here – http://codelessme.com/thematrona/schedule/. In other words, I like how the the calendar plugin came with its own background that displays over the background I created. How would I replicate this on the other pages as well so that the content area has the lighter grey, while still keeping the dark fixed background behind it? When I add columns or elements, they would simply appear within the grey area.
Thanks in advance.
Hello zerozendesign!
You want to achieve something like this?
Best regards,
Josue
exactly – you nailed it.
Hi!
This code will do it:
.entry-content-wrapper{
background: #222222;
padding: 25px;
}
Cheers!
Josue
Hey Josue,
One issue though.Take a look at http://codelessme.com/thematrona/about/ – it is also adding the same background at the top of the site for some reason. Don’t want a background displayed up there.
Also noticed that on responsive, the padding goes away, leaving the text right up against the border.
Hey!
Change the code
.post-entry .entry-content-wrapper{
background: #222222;
padding: 25px;
}
Best regards,
Josue
Josue,
Still having a issue with the block of color showing on the color element at the top of the pages. Take a look http://codelessme.com/thematrona/about/