To make Images in Gallery Block Grid in the Same Line, you can follow these.
#1. First, find Gallery Block ID.
In my example, it is: #block-yui_3_17_2_1_1740445546004_4569
#2 . Next, use this code to Custom CSS
If code doesn’t work, you can comment below, message or send me an email.
#block-yui_3_17_2_1_1740445546004_4569 {
.margin-wrapper {
margin: 0px !important;
}
.slide {
width: 12.5% !important;
clear: none !important;
}}
Note: If Gallery has 8 images, use 12.5% in the code. If the Gallery has 20 images, use 5%. If the Gallery has 10 images, use 10%.
Result
#3. If you want to apply this on mobile only, use this CSS code.
@media screen and (max-width:767px) {
#block-yui_3_17_2_1_1740445546004_4569 {
.margin-wrapper {
margin: 0px !important;
}
.slide {
width: 12.5% !important;
clear: none !important;
}}}
Result
