Content of 'no container' needs to follow page grid

[MatthM]

hello,

I have a page without a container in the page template.
In that page I have a colored row (orange gradient.
The row has the Inner Container set to OFF.
In the row are two columns (3/5 + 2/5). The right column had a background image. I want the image to reach to the right side of my page (like it is now in my example).

BUT

I want the content of the left column to keep following the normal page grid. Now it reaches to the left of the page. I know I can create spacing on the left by using padding, but I want the text to follow the grid on every screen size.

How can I do this?

preview:

[thai]

Hi There,

You can add the left padding to the left column based on the percentage and it also depend on the width of your container.

For example: the width of your container is 88% so the left padding should be added to the left column is 6%(100 - 88 = 12/2 = 6).

Hope it helps

[MatthM]

I don’t think that is a solution. I want the text to keep up with the global grid on every screen size…

[basanta]

Hi There,

Thanks for writing in again!

Unfortunately, that is not possible with inner container off section.
You have to manage the left spacing through column padding of the left column which is independent of the global grid container.

I would suggest you please give the background gradient and the right image background to the section itself
and keep the right column blank with the inner container on for the row.
In the section, you can add two background layers in which you can give the Gradient to the lower layer and the image to the upper layer with background position and size. So that the image will keep in the right border.

You may need further adjustment or custom CSS to manage your image.

Hope this helps!