Skip Navigation

[Resolved] Imagery isn’t spanning the full page width on a row set to span the full width

This thread is resolved. Here is a description of the problem and solution.

Problem: I am using the Avada theme and Layouts, but a full-width row in my Template Layout is not expanding the full width of the page.

Solution: The preferred workflow for using Avada requires using Content Layouts, not Template Layouts. Unfortunately Avada's container system constrains the output of Layouts to the main content area. To span the full width of the page, you may use the Avada Theme Options settings to configure a 100% width page, which will extend the main content area, as well as the rest of the page design, to the edges of the screen.

Relevant Documentation:
https://toolset.com/documentation/recommended-themes/toolset-and-avada-theme-layouts-and-custom-templates-without-coding

This support ticket is created 6 years, 7 months ago. 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.

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 3 replies, has 2 voices.

Last updated by josephQ 6 years, 7 months ago.

Assisted by: Christian Cox.

Author
Posts
#917560
leo rossoni - image is not full-width.png

Tell us what you are trying to do? Span an image the entire width of the screen / page. I followed the instructions on https://toolset.com/documentation/user-guides/learn-how-rows-can-displayed-different-ways/ and chose the "Cells extend to the full width" option for a row named "Action Shot" in a Layout named "Template for Alumni," but it didn't work. The image still sits inside the page margins (see attached).

Is there any documentation that you are following? https://toolset.com/documentation/user-guides/learn-how-rows-can-displayed-different-ways/

Is there a similar example that we can see? No.

What is the link to your site? hidden link

#917670
Screen Shot 2018-06-25 at 4.55.35 PM.png

Hi, let me try to get some updated information about this. The current documented workflow with Avada is to use Content Layouts, not Template Layouts, as described in the documentation here:
https://toolset.com/documentation/recommended-themes/toolset-and-avada-theme-layouts-and-custom-templates-without-coding

However this workflow does not allow you to create rows that extend outside the main container area, which is constrained by the margins applied by Avada. You can use Avada's Theme Options to choose a 100% Width Post, then design within that structure, but this affects the entire page and not just the Layout. I will try to get some clarification and update you here.

#917942

I have just confirmed that the preferred workflow for using Avada requires using Content Layouts, not Template Layouts. Unfortunately Avada's container system constrains the output of Layouts to the main content area. To span the full width of the page, you may use the Avada Theme Options settings to configure a 100% width page, which will extend the main content area, as well as the rest of the page design, to the edges of the screen.

#917999

Thanks, Christian! I'll give that a shot. 🙂