Hello,
In order to get to know the theme before setting it live, I tried to play with it on a develop environment. After installing the theme, I imported the “black” template and the first thing I tried to do was to change the background. I started with this tutorial. But I am facing some difficulties I am trying to describe below – with screenshots.
This is the default one, that comes after importing your content.
This is what I am trying to achieve. Screenshot just to make it clear. Please note that the footer didn’t change it’s color and the header menu didn’t shrink, but stayed 100%.
This is what happens when using the functions provided in the theme. Note: I set the background color to green. Same happens when I try to upload a picture.
Please note the header shrinked (not 100% anymore), the footer changed etc
Suggestions?
Hi,
That happens when you set a background color or image, the site will automatically change to the boxed version like specified in the background tutorial – https://www.screencast.com/t/PkGW4kHd4VfZ and it would take some considerable customizing in order to keep the header and footer at full width. The Newspaper black demo uses a background property on the elements on the page, so you could make a custom code using your browser inspector – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ to identify these elements and their classes and change their background color – https://www.screencast.com/t/KX8tgxUP
Thanks
Hello!
Thank you for your time. I already set the css as follows:
.td-black .td-main-content-wrap {
background-color: green;
}
.td-black .post {
background-color: green;
}
.td-black .td-more-articles-box {
background-color: green;
}
Do you know by any chance if there’s something that I missed?
Hi,
If everything that you wanted changed is changed then it is alright, or if you identify more elements as you go you can add them too, it all depends on your vision and how you want your website to look. Also you can write your code like this and add the elements classes separated with a coma
.td-black .td-main-content-wrap,
.td-black .post,
.td-black .td-more-articles-box {
background-color: green;
}
Thanks
I think I manage to make it work.
Can be marked as resolved and close. Thanks.
