Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #751065

    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!

    #751361

    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

    #756025

    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%)?

    • This reply was modified 7 years, 8 months ago by Eagles1227.
    #758852

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.