Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 22, 2026 at 1:53 am #1494148
    Annedesign

    Hi, i’d like to increase gap between grid cells on a home page only.

    I found this code in your documentation but need to know where I add the page id to the code?

    /*—————————————-
    // Grid cell gap
    //————————————–*/

    #top .flex_cell {
    border-width: 24px!important;
    border-right-width: 0px!important;
    border-bottom-width: 0px!important;
    border-style: solid!important;
    border-color:#FFF!important;
    }

    #top .flex_cell:last-child {
    border-right-width: 24px!important;
    }

    Can you please send an exmple of the same cod with a page ID added so I can copy that format?

    Thanks so much,
    Anne

    January 22, 2026 at 6:06 am #1494157
    Ismael

    Hey Anne,

    Thank you for the inquiry.

    For the home page, you can use this css code.

    .home .flex_cell {
    border-width: 24px !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
    border-style: solid !important;
    border-color: #fff !important;
}

.home .flex_cell:last-child {
    border-right-width: 24px !important;
}

    Let us know the result.

    Best regards,
    Ismael

    January 22, 2026 at 7:08 am #1494161
    Annedesign

    Hi Ismael,

    that is just perfect! Thanks so much for your great support as always.

    One other question – do you know how to get rid of the thin grey line at the bottom of the the Grid Row? I have it set to ‘no border’.

    Thanks,
    Anne

    January 22, 2026 at 8:49 am #1494168
    Rikard

    Hi,

    Please try this CSS as well:

    .home #av-layout-grid-2 {
  border-bottom-width: 0;
}

.container_wrap {
  border-top-width: 0;
}

    Best regards,
    Rikard

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