Solved Templates

How do I change max-width in an Helix Template

Asked by Stephane Hanrez 3 years ago Last activity 3 years ago

Hi,

How do I increase the width of my content using Helix ?

I tried adding the following custom css :

@media (min-width: 1700px) {
    .container { max-width: 1600px; }
    .article-body-content {max-width: 1600px; }
}

works fine for the menu (.container part) but not for the content... I'm not sure which css class I should target for this.

I also tried article-body-wrap but doesn't work either.

Thanks

Accepted answer

Marked as the solution

4 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi there!

Thanks for reaching out to us.

Kindly share your site URL along with redirection to which content you are targeting.

Best Regards

Stephane Hanrez Asked this
3 years ago

Hi,

I have added my URL in the hidden content.

I'm targeting the whole content of the page (and all other pages). If you look at the URL I provided, it goes from the white box on top until the map at the end of the page, I would like the whole content's width to be 1600 on bigger screens.

Thanks

Stephane Hanrez Asked this
3 years ago

Any news regarding this ? Thanks

Stephane Hanrez Asked this
3 years ago

Hi Rashida,

This increased the width of the white box, but not the content within, and also not all other elements on the page below that white box.

Stéphane

Stephane Hanrez Asked this
3 years ago

OK, I found out that I also needed to change the "container max width" within the article... it now does stretch to the right size.

Thanks

Rashida Rahman Staff
3 years ago

Hi Stephane,

Glad that you have found that too and you are always welcome:)

Thanks for letting me know about your experience.

Have a nice day!

Log in to reply.