Force marginless column and blog category page lenght

[ArcaneE]

Hi!

My website is ccvd.lamachineavapeur.com

I have a quick question: I have 2 columns in a row. I need my left column to be boxed and the right one to be margineless. Any way to achieve this?

For example, in this page http://ccvd.lamachineavapeur.ca/publications/ I would need to push the slider I have on the left to the very edge of the page, regardless of the medium (wide screen, laptop or mobile).

Also, my page http://ccvd.lamachineavapeur.ca/category/actualite/ has only one post. Therefore, my footer stays in the middle of the page. I tried to find the correct target to change the length of the page but can’t seem to find it.

Thank you!

Nathalie

Nathalie

[ruenel]

Hello Nathalie,

Thanks for writing in!

1.) Please edit the page and in the row settings, you will need to disable the Inner Container option so that it will be push the lisder to edge of the browser width.

2.) To resolve this, please remove this custom css:

.x-iso-container.x-iso-container.x-iso-container-posts.cols-3.isotope {
    min-height: 800px !important;
}

You will have to replace it with this code instead:

.x-site > .x-container.max.width.offset {
    min-height: calc(100vh - 416px) !important;
}

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

[ArcaneE]

Hi! Thank you for your answer.

Circling back to #1, I would like to have the inner container on for only one column. Meaning I would like to have my left column aligned with my header and footer (set to be at a max of 1200px), which the container help achieve. However, I would like to have my right column to be full row, so inner container off. Any way to achieve this effect?

Thanks!

[ruenel]

Hello Natalie,

Please check out the structure of the section:

We have the section, row and then columns. The columns are inside the row. You cannot have the right column to be full row because both the columns are on the same row. What you can do is to disable the Inner Container just what I have suggested in my previous reply and then you insert another row element inside the left column. This time, you can add some left margin or padding so that when you transfer the text element in the column of the added row element, it will be at the middle of the screen.

Hope this makes sense.

[ArcaneE]

Thank you for your help!

[Prasant]

You are most welcome.