Troubles making the fullwidth (no container) page

Hello,

I’m trying to make a fullwidth page where the image and background color would take all the space from the edges of the screen, without any pagging. So I’m using ‘no container | header, footer’ page template with a Cornerstone-built layout. However, I can’t figure out why there’s white space on both sides of the content nevertheless.

The page is here:

http://alextraum.ru/home/

There’s no padding or other custom CSS added to the image or that red-colored raw.

Could you help me to figure this out?

Also, is there a way to create one row or section fullwidth — so that the image would take the whole space between the screen edges — and then other rows or sections would be using container so that the text content, for example, wouldn’t spread to the screen edges? It would be ideal for my site. Maybe there’s a not so difficult way to do that?

Thank you!


Alex

Hello Alex,

Thank you for the very detailed post information. I have checked the page and I can see that you are already using Blank - No Container | Header, Footer page template. Your image is not fullwidth because the global Container/Column Container in the row settings is enabled. To make the image fullwidth, you will have to disable the Global Container/Column Container.

Classic Row Element:

v2 Row Element:
rhL16z7YTfq4i8wI9wLLTg

We would love to know if this has worked for you. Thank you.

Hello @ruenel,

Wow, thank you for such an easy and illustrated answer! Now that I see it was so easy to fix, this problem of mine seems really silly :slight_smile: I haven’t been working on my site for quite some time so forgot many things.

Thank you again for being, as usual, the best support team out there!


Alex

You’re most welcome, Alex. We’re glad to help. :slight_smile:

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