Custom width image in Image Layouts - Forum | JoomShaper
Staff replied SP Page Builder

Custom width image in Image Layouts

Asked by Daniele 6 months ago Last activity 6 months ago

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

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.

Atick Eashrak Shuvo Staff

Please marked the issue as solved

Log in to reply.