WebSite X5Help Center

 
Mike G.
Mike G.
User

Full width background for row.  en

Autor: Mike G.
Visitado 1446, Followers 2, Compartido 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.

Publicado en
3 RESPUESTAS - 1 CORRECTO
Incomedia
Stefano G.
Incomedia

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

Leer más
Publicado en de Stefano G.
Jamie B.
Jamie B.
User

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.

Leer más
Publicado en de Jamie B.
Mike G.
Mike G.
User
Autor

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.

Leer más
Publicado en de Mike G.