Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 22, 2019 at 1:56 pm #1057198
    yannickokken

    Hi!

    on the website myntz.lookmedia.nl im using gridrows to layout the website. Now i want to use a grid in full width, i know it works like that in default, but the problem is that im using boxed layout the get the design i need. The site needs to have two white area’s on eace side.

    How can i force the gridrow to overrule the boxed layout and get 100%?

    January 22, 2019 at 2:00 pm #1057200
    yannickokken

    oh sorry this problem is solved, i can use the full width layout. Client dont need bars on the side.

    EDIT: mmm i tough it was fixed but not.

    Full width works fine but what i need is to use de gridrow with the custom width AND with a full width background color. I can achieve this but putting the grid inside a color section but thats not allowed. Let me show you what is need, see image. Al content above has a white BG.

    https://ibb.co/f1qdH9R

    • This reply was modified 5 years, 10 months ago by yannickokken.
    January 22, 2019 at 7:12 pm #1057391
    Victoria

    Hi yannickokken,

    Do you mean you want this section to have a background color?
    Image 2019-01-22 at 19.12.29.png

    Best regards,
    Victoria

    January 24, 2019 at 1:53 pm #1058145
    yannickokken

    Hi no, sorry the one below that one

    https://ibb.co/svcqTnH

    The gray backround needs to go down, but the grid creates a (new) backgroud color.

    So i need a background color ‘behind’ the gridrow

    January 28, 2019 at 5:57 am #1059519
    Ismael

    Hi,

    Add a color section above the grid row element, apply a background color, make sure that it has the same height and then pull the grid row upwards with css like this:

    #av-grid-custom-width {
    margin: -150px auto;
}

    Best regards,
    Ismael

    January 29, 2019 at 9:58 am #1059921
    yannickokken

    Hoi mean the color section and grid needs to be the same height? Im gonna trie! Tnx

    January 30, 2019 at 4:13 pm #1060525
    yannickokken

    Hi it workt sort of… its overlay now but the bottom of the content is missing.

    https://ibb.co/C52Mzdq

    Entire CSS for this grid

    /* Custom grid row width TOP*/
#av-grid-custom-width-top {
    max-width: 1125px;
    margin: -450px auto;
}

#av-grid-custom-width-top .flex_cell {
    border-width: 15px!important;
    border-right-width: 0px!important;
    border-bottom-width: 0px!important;
    border-style: solid!important;
    border-color:#c6c6c6!important;
}

#av-grid-custom-width-top .flex_cell:last-child {
    border-right-width: 15px!important;
}
    • This reply was modified 5 years, 9 months ago by yannickokken.
    January 30, 2019 at 7:48 pm #1060591
    Guenni007

    what about the old topic – is it solved ? ;)
    https://kriesi.at/support/topic/gridlayout/

    January 31, 2019 at 12:44 pm #1060936
    Ismael

    Hi,

    Try to set the background color of the grid to transparent.

    #av-grid-custom-width-top {
    background-color: transparent !important;
    background: transparent !important;
}

    Best regards,
    Ismael

    February 7, 2019 at 10:22 am #1063981
    yannickokken

    dont work, can some one please take a look?

    February 8, 2019 at 6:49 am #1064430
    Ismael

    Hi,

    Alright. Would you mind if we access the site? Please post the login detail in the private field.

    Best regards,
    Ismael

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