Hi Support,
I am having a hard time setting the width of the grid row to the width of the container of my site (1310px).
When I apply:
#get-started .flex_cell_inner {
max-width: 1310px !important;
margin: 0 auto !important;
border: none !important;
}
It works for Grid Row Elements with ONLY one 1/1; it does not work when there are multiple columns.
When I apply:
#amenities {
max-width: 1310px !important;
margin: 0 auto !important;
border: none !important;
}
The Grid Row Element is contained to the 1310px, but the background color is also within the 1310px. I’d like for the background color to be 100% width and ONLY the content to be 1310px.
I have tried everything that I could think of, but nothing seems to work. Any help would be greatly appreciated.
Thanks!
Hey Eagles1227,
I’ve just checked the link in Private Data and it seems that the gray background color is on fullwidth. Is this already resolved?
Best regards,
Nikko
No, unfortunately not. In the “#amenities” section (Link in my original post), how do I limit both cells to 1310px, but keep the background color fullwidth of the page (100%)?
Hey!
Thank you for the update.
Please use the following css code.
#amenities {
max-width: 1310px !important;
margin: 0 auto !important;
border: none !important;
}
#amenities:before {
content: '';
display: block;
width: 9999px;
height: 100%;
background: #f7f7f7;
position: absolute;
left: -50%;
}
Regards,
Ismael