Hi guys,
It seems like it is not possible to add a full width image or slider when a Background color is selected.
Is it a bug or something you expect? Because I quite like having a background color, but I feel a bit frustrated by this limitation.
Some screenshots to show you the steps :
1- https://www.dropbox.com/s/zllmykdi4muydbk/slider-no-bg-color.jpg?dl=0
2- https://www.dropbox.com/s/a6d8ajg4wqbvyq9/bg-color.jpg?dl=0
3- https://www.dropbox.com/s/a6d8ajg4wqbvyq9/bg-color.jpg?dl=0
Thanks in advance for any help.
Hello !
When using a background color / image the layout of the page will become boxed. There is no workaround for this.
Thank you !
Thanks for your answer.
It is quite annoying, it defeats the purpose of using a background color. 🙁
1 – Is there any way for a full width image to be above the boxed layout?
2- Will you take into consideration user requests like that one for your future updates?
Cheers
Hello !
1. You can overwrite that option using custom CSS but even so the only background color would be this option: https://www.screencast.com/t/R9ktXLxohbO
.td-container-wrap {
background-color: red;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
2. We will pass this suggestion to our developer but unfortunately we cannot promise anything at the moment for a release date.
I hope this was more helpful !
Thank you !
Thank you very much Vlad for the custom CSS code. I really appreciate you took time to help me.
Hi Vlad, could you please re-upload those images?
They are already gone 🙁
Thank you in advance.
Hello !
They seem to work for me but here is a new one: https://www.screencast.com/t/co2fbFL8Ca7
Also: Theme Panel – Custom Code – Custom CSS
I hope this was helpful !
Thank you !
Thanks Vlad,
For some reason I can’t get the full width image to be above of the boxed layout (green background color) https://imgur.com/a/poKusj6
I would like the green background color to be under the full width image.
Custom CSS
https://imgur.com/a/Zb8RIdw
If I “clear” the background color from : Theme colors > General Theme Colors > Background Color.
The full width image is back to its normal size
https://imgur.com/a/LPlxWmm
Basically I would, like to keep the center of my website with all my posts white + a background color to have a different color on each side of the website.
Ideally with the possibility to have full width image above the background color.
Here a great example of what I need :
https://imgur.com/a/2ZMiArb
– Center : White color
– Background : Cream color
– A full width image above the background Cream Color
Sorry for the confusion if my original post wasn’t that clear.
Thank you in advance.
Have a nice day
Hello !
Open a post template using tagDiv Composer:
Add a new ROW and a single post BG Image: https://www.screencast.com/t/NgeLIYoxDGeD
Set the ROW width: https://www.screencast.com/t/TQtsMZJerD
Set the background color for the post content from the ROW settings: https://www.screencast.com/t/0AvwJ3G1 Also as you can see in the CSS tab I have added -50, add a – and the number you want to adjust how much you want the content to overlay the post bg image.
Set the zone background color: https://www.screencast.com/t/VJkyh3hDA9l
I hope this was helpful !
Thank you !
Sweet ! Thanks Vlad! I really appreciate your help with all the screenshots.
It works great thank you !
