Hi,
Can you help with this page: http://scotwebtesting.co.uk/composite-doors/
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?
Thanks
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.
Hi,
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,
Yigit
Hi Yigit,
Thanks worked perfectly. Is there a reason why the first image doesnt open up a gallery lightbox?
Hi,
The first image is opening in a lightbox on my end using Chrome, in what browser are you seeing this problem?
Best regards,
Rikard
Hi Rikard,
I foxed that. My issue now is I dont want to show the first image when the lightbox opens. See: http://scotwebtesting.co.uk/composite-doors/
I want the feature image to be removed after you click to open the gallery.
Thanks
Hi,
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,
Vinay