Hi when I use image layouts the first element I see that image space is col-sm-6 and content space is col-sm-6
Is it possibile to have image with col-sm-4 and test with col-sm-8?
Thanks
Staff replied
SP Page Builder
Custom width image in Image Layouts
3 replies
Atick Eashrak Shuvo Staff
Apologies for the inconvenience. Unfortunately, there is currently no built-in setting in the Image Layout addon to change the column ratio from col-sm-6 / col-sm-6 to col-sm-4 / col-sm-8.
However, you can achieve this using custom CSS. Please add the following CSS in your Addon's Style tab → Custom CSS field (as shown here: https://prnt.sc/U3aEZZnz2cuc):
@media (min-width: 992px) {
#addonId .sppb-row > div:first-child {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
#addonId .sppb-row > div:last-child {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
}
This will make the image section take 4 columns (33.33%) and the text/content section take 8 columns (66.67%) on larger screens.
If you need further assistance, please feel free to let us know.
Daniele Asked this
Thanks
Atick Eashrak Shuvo Staff
Please marked the issue as solved
Log in to reply.