Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 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

    January 22, 2026 at 9:35 am #1494172
    Annedesign

    That did it!

    thanks again,
    Anne

    January 24, 2026 at 7:00 pm #1494271
    Mike

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘grid rows – increase gap between grid cells’ is closed to new replies.