Skip Navigation

[Résolu] Styling Issue

This support ticket is created Il y a 4 années et 5 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 réponses, has 2 voix.

Last updated by geoffD Il y a 4 années et 5 mois.

Assisted by: Christian Cox.

Auteur
Publications
#1377027

Hello

I have a layout page that I am using Layouts to edit with.

I have 4 rows that all use the 'Row as wide as post content' row type but I want to wrap all four of these rows in another div that has a background colour that stretches the full width of the screen i.e. 'Row as wide as Bootstrap container - full width of screen'
Many thanks
Geoff

#1377161
Screen Shot 2019-11-06 at 8.48.14 AM.png

Hi, "full width of screen" isn't usually achievable unless your theme is integrated with Layouts. Normally Layouts takes over the main content area of the theme, and can extend only to the edges of that content area. Normally the theme controls the header and footer area, as well as the sidebar. You can see in the row settings that the background doesn't extend full screen width, only the width of the container, and the right column sidebar (gray area controlled by the theme) isn't affected. I'm attaching a screenshot here for your reference.

To achieve something like you see here in the screenshot, you can use a Grid cell in your layout that contains 4 rows and any number of columns. Use the row settings to apply the "Row as wide as Bootstrap container its background extends to full width" setting.

#1386413

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.