Hi,
Is it possible to add a background image while maintaining the full width of the website’s header and footer area? Right now, if you add a background image then it wraps around the whole site(header, footer, and body) which is great…but not really what I need. Is there a way to edit the theme’s code so that the background is only seen on the left and right of the middle section a.k.a. body?
Here is a website that has a full width header with a background image in the body part of the website: http://www.artofmanliness.com/
And here is the website I’m working on that has the background from top to bottom:
http://www.survivalzone101.com/
Would really appreciate your help on this matter.
Thank you in advance.
Bogdan
P.S. The art of manliness website’s footer is actually a bad example of what I mean:D
Hi,
Please follow this topic: https://forum.tagdiv.com/topic/background-color-3/
Thank you!
Thanks Bogdan! Worked perfectly.
One more question…how do you now make the body section a little bit wider? Increasing the width by 10px would be great. It should be for the whole theme: posts, pages, everything.
Bogdan
P.S. Great name you have there;)
Hi Bogdan,
Unfortunately that will be no easy task. Our theme is created based on a fixed width. Changing this width will cause most theme elements to break as they depend on this fixed width. It will be a tedious task to adapt every element you use to the new width.
You can try to use this code but you have to keep an eye out for the elements that could not position properly:
.td-container{
width: 1078px!important;
}
Thanks.
Eeeeeh…okay. Don’t want to touch it thenXD
Thanks!
