Skip Navigation

[Resolved] Styling Issue

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.

This topic contains 2 replies, has 2 voices.

Last updated by geoffD 1 year, 4 months ago.

Assigned support staff: Christian Cox.

Author
Posts
#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

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

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!