Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #641744


    Can you help with this page:

    I’d like to fill the color section with the 4 images linking to the gallery. Is there a custom css to make the images fill the section with a 10px gap all round?



    I did this before but the color section was 1/3 1/3 1/3 so not sure of the code to use for a 1/4 /1/4 1/4 1/4 layout


    Hi @roberscott;
    if I’ve not misunderstood you can achive it bay using a “Grid Row”.
    Row 1 (with padding) + 1st image container,
    Row 2 (with padding) + 2nd image container,
    Row 3 (with padding) + 3rd image container,
    Row 4 (with padding) + 4th image container.


    Hi, no we need all images in the same row


    Yigit was able to help before with custom css.



    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #composite-doors-range-section .container {
        max-width: 100%!important;
        width: 100%!important;
        padding: 0;
    #composite-doors-range-section .av_one_fourth {
        margin-left: 10px;
        width: 24%;

    Best regards,


    Hi Yigit,

    Thanks worked perfectly. Is there a reason why the first image doesnt open up a gallery lightbox?



    The first image is opening in a lightbox on my end using Chrome, in what browser are you seeing this problem?

    Best regards,


    Hi Rikard,

    I foxed that. My issue now is I dont want to show the first image when the lightbox opens. See:

    I want the feature image to be removed after you click to open the gallery.




    If i remember you have a open ticket for this issue already. I have responded to your ticket, let’s stick to the ticket so we can keep the focus on original topics and avoid creating multiple tickets for same issue :)

    Best regards,

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