Hi, how can I make the images of the groomsmen to show at the same size as those of the bridesmaids?
Thanks.
Hey DROR,
Their size depends on the width of the column, which depends on the amount of the columns, so you need to use 1/4 for the grooms as well.
Best regards,
Victoria
I know, but when I make it 4 columns it is aligned to the left. How can make them the same size but also to be center aligned?
Hi bakbek,
Make them 1/4th and let us see if we can help you adjust them.
Best regards,
Victoria
Done.
Hi bakbek,
Please remove the last empty 1/4 element.
Best regards,
Victoria
When I do that it messes up the order of the bridesmades… very strange bug.
Please check and see if you can fix it.
Hi bakbek,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.home #av-layout-grid-1 .flex_cell {
text-align: center;
}
.home #av-layout-grid-1 .flex_cell .flex_column.av_one_fourth {
display: inline-block;
float: none;
}
Hope it helps :)
Best regards,
Nikko
Hi Nikko , that fixed the grooms but it made a bit of a mess on the other side… how can I fix the gaps between the images so they will all be equal.
Hi bakbek,
Can you upload the screenshot in https://imgur.com/ at the moment, I can’t view https://prnt.sc/ I’m just getting:
This site can’t be reached
The connection was reset.
Best regards,
Nikko
A new link is added.
Hi bakbek,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
.home #av-layout-grid-1 .flex_cell.avia-builder-el-last .flex_column.av_one_fourth {
margin-top: 0;
margin-left: 6%;
}
.home #av-layout-grid-1 .flex_cell.avia-builder-el-last .flex_column.av_one_fourth.avia-builder-el-46 {
margin-left: 0;
}
Hope it helps.
Best regards,
Nikko