Full width background for row. 
Author: Mike G.
Visited 1419,
Followers 2,
Shared 0
Can anyone tell me how to have a full width background for a row? I have seen a number of templates that seem to do it somehow. Obviously I know how to set the cell background, but I would like the same colour accross the width of the page on that row. Thanks.
Posted on the
Hi Mike,
As of now, there is no way to achieve the result you wish for using the software ONLY. You can play with margins and sizes at step 1 -> Template Structure, but you cannot achieve a full width row without using external codes.
Unfortunately the staff doesn't provide support for that, so you'll have to wait for other members of the community to help you.
In the mean time, please open an "idea" topic expressing your need, so that we can better keep track of it.
Hope I've been helpful
Hi
Try this and see if it works
<div style="background-color:#e2e2e2;position:absolute;right:0px;width:100%;top:300px;height:320px"></div>
to add othe colours do exactly the same adjusting top:(size)px; the height is how wide you want the colour to be from top to botom, but remember in v12 you will have to make adjustments for all the media queries as well or else it will make you site look out of place on all devices.
regards
jamie
ps. I will try to do a demo and tutorial on this at some point.
Author
Thanks that works, but obviously I will have a problem with a responsive site.
With that in mind I am trying using it at the bottom of a page with 3 cells with information like a footer, using the same background cell colour so I am creating the effect of a responsive footer although I am not using the real footer section for that. It would be great if there was a cell option in the footer layout.
regards, Mike.