Turn Inner Container off for only one column?

I am trying to figure out how to have the background image in the right column extend all the way to the edge of the browser. Normally this would be achieved by using marginless columns and turning the inner container off. However, the text in the left column looses it’s relationship to the left margin that is bound by the width of the website, making it look odd. Thank you in advance for your time.

On the homepage, the section that starts with “A 360-Degree Perspective…”
http://staging.hansantos.com/

Hi there,

The way you want to set the column is correct but I did not understand exactly what is the problem with the text, Of the text goes all the way to the left that is what it should be as you set the column to not have a container. You can go to the text element and click on the Customize tab and add the maximum width to the Inline CSS options:

max-width: 700px; margin: auto;

That will bind the text element to have space.

I also suggest that you read the article below:

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

HI there,

It is not possible to disable the inner container to a column because the inner container is applied to the row. Have you tried setting the left column’s background as the section’s background instead? That way, the background image will go pass the inner container as it is applied to the section.