Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • December 13, 2016 at 8:15 pm #723949
    whdsolutions

    I have put a grid row in on the page specified and it goes full width and not within the 85% width container – Why is this?

    December 13, 2016 at 9:41 pm #723984
    Basilis

    Hey whdsolutions!

    Please add to your custom CSS

    .responsive .container { width: 100%; }

    let me know if I can do anything else.

    Cheers!
    Basilis

    December 13, 2016 at 10:55 pm #724015
    whdsolutions

    This does not do anything :-/

    December 14, 2016 at 12:17 am #724040
    whdsolutions

    is there another option as this did nothing :-)

    December 14, 2016 at 1:35 pm #724250
    Rikard

    Hi,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    December 14, 2016 at 1:44 pm #724253
    whdsolutions

    See PM

    December 14, 2016 at 10:13 pm #724590
    whdsolutions

    Any news on this?

    December 14, 2016 at 10:15 pm #724591
    Basilis

    Hey!

    I am trying the CSS code and it is working just fine.
    Can you please clear your cache?

    Cheers!
    Basilis

    December 14, 2016 at 10:28 pm #724602
    whdsolutions

    I have and it is still the same

    December 15, 2016 at 12:31 am #724690
    whdsolutions

    I have tried

    .responsive .container {
    width: 100% !important;
    }

    AND

    .responsive .container {
    width: 85% !important;
    }

    Still nothing :-(

    • This reply was modified 7 years, 11 months ago by whdsolutions.
    December 16, 2016 at 2:13 pm #725315
    whdsolutions

    Does anyone have any idea how to resolve this – Deadline is looming :-(

    December 18, 2016 at 2:54 am #725780
    Nikko

    Hi,

    This css code will affect all gridrows, if you want to make it specific just let us know. Try adding this code in Quick CSS (located in Enfold > General Styling):

    #top .av-layout-grid-container {
    max-width: 85%;
    margin: 0 auto;
}

    The only problem with this grid rows should be using the same background color as the body.

    Best regards,
    Nikko

    December 18, 2016 at 4:15 pm #725840
    whdsolutions

    Hi there – inserting that REALLY breaks the website!!!

    Screen shot to show you in Private Content

    December 18, 2016 at 4:20 pm #725842
    whdsolutions

    I have managed to get the width right, but for a strange reason there is now a grey band on the edges – how to make these white?

    I used

    .av-layout-grid-container {
    margin: 0px auto;
    width: 85%;
    }

    • This reply was modified 7 years, 11 months ago by whdsolutions.
    December 18, 2016 at 4:24 pm #725844
    Basilis

    Hi!

    That is the background of the page, that is why you see it, when you make the width be smaller.

    Thank u

    Best regards,
    Basilis

    December 18, 2016 at 4:28 pm #725845
    whdsolutions

    It looks like the background colour at the sides of the grid row shares the same class as the logo area – that’s crazy!!!

    How can this be changed without affecting the logo area????

    I am lost here!!!

    December 18, 2016 at 4:30 pm #725846
    whdsolutions

    In General Settings I have

    Main Content background color
    Default Background color
    #ffffff

    December 18, 2016 at 4:34 pm #725847
    whdsolutions

    I have changed to boxed layout, changed the background to #ffffff then saved.

    The switched back to stretched layout and there is no change.

    December 19, 2016 at 11:15 am #725978
    whdsolutions

    Hi there – we could really benefit from your help here to make the background of the grid-row white on the page as shown in the Private Content.

    I have used the CSS to get the width of the grid-row looking correct:

    .av-layout-grid-container {
    margin: 0px auto;
    width: 85%;
    }

    But STILL have the dark grey on the left and right – this NEEDS to be white.

    December 19, 2016 at 11:18 am #725979
    whdsolutions

    I have fixed this now with

    #main, .avia-msie-8 .av_header_sticky_disabled#header {
    background-color: #ffffff !important;
    }

    December 21, 2016 at 5:35 pm #727184
    Andy

    Hi,

    glad you could fix it! Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Grid row too wide’ is closed to new replies.