Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 5, 2025 at 9:09 pm #1474683
    sitibus

    Hi, on my site http://www.hejmo.house I would like the two flip elements of the color section with a light blue background to have a height greater than that which is
    I set the height of the flipbox grid element to 400px, the background image to 495px x 400px, the height of the row to 500px can you help me understand what I’m doing wrong?

    Thanks Gianluca from Italy

    January 10, 2025 at 5:46 pm #1474943
    Mike

    Hey Gianluca,
    Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #av_section_5 .av-align-middle {
    vertical-align: top;
}
.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback {
    height: 500px;
}
.avia-icon-grid-container .avia-icongrid-flipbox .avia-icongrid-wrapper .avia-icongrid-front.bg-img:before {
    background-size: cover !important;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 10, 2025 at 6:12 pm #1474947
    sitibus

    Thanks now the problem is solved but another one has arisen in the 3 flipboxes below that are very high now (before they were about half as high) and they also overlap with the color section below
    Is there anything to do or does the first change to the css cause this malfunction?

    January 11, 2025 at 1:39 pm #1474976
    Mike

    Hi,
    Try changing to this:

    #av_section_5 .av-align-middle {
    vertical-align: top;
}
#av_section_5 .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback {
    height: 500px;
}
#av_section_5 .avia-icon-grid-container .avia-icongrid-flipbox .avia-icongrid-wrapper .avia-icongrid-front.bg-img:before {
    background-size: cover !important;
}

    After changing the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 12, 2025 at 12:38 pm #1475007
    sitibus

    Great it works perfectly.
    Thank you very much
    Gianluca

    January 12, 2025 at 1:17 pm #1475015
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘height of the flipbox grid element’ is closed to new replies.