Hi, first I need to say this is a great theme.
One issue:
How to add full page background? Like the footer, not in a box.
I am using the business theme. Try to make a new homepage with full page image/video background/slider.
Thanks.
Gordon
Hello Gordon,
In order to make a full width element in the tagdiv composer, you can use the stretch row and content option like so: https://www.screencast.com/t/L3UNx72DeK
If you only want a background around your block, you do it by stretchin only the row and not the content and then adding a background to the row in the css tab:
https://www.screencast.com/t/0Dk025Y18
This guide should help you understand how the block settings work: https://forum.tagdiv.com/block-settings-tutorial/
Thanks.
Bogdan, thanks for the tips.
G
———
One more thing, how to remove/narrow the gap between the content row and footer? I can use padding -45 to remove the gap between row and header, but can’t remove gap between row and footer.
From your screenshot (https://www.screencast.com/t/0Dk025Y18), there’s a white gap between content row and footer.
G
Just want to make it a full page with three sections – header, body and footer, and each section has its own background.
In Theme Panel, there’re only settings for header and footer, but not the body. Maybe do something on the body settings in future updates?
G
Hello,
If you want to reduce the space between the last block and the footer you can use a negative margin in the css box you showed in the screenshot.
There is no option for the body background on pages. It can only be added through css.
Here is an example:
.page .td-container-wrap{
background-color:grey;
}
Thank you!
Bogdan B
I tried negative value, and it didn’t work on the gap between body and footer.
Please ignore this question. I have found out where to put the negative value in css area.
Thanks for the support again.
G
Hey Gordon,
Did you ever find out how to stretch the body rows to true full screen like the header and footer? Seems like a pretty obvious setting for people to want to be able to change but I cant see it anywhere in the settings.
Ive tried doing it within the row css but that doesnt stretch the row background to full screen at all.
Alastair
Figured it out. I had to clear theme bg color to allow the row to stretch properly…
