Custom Width Image In Image Layouts - Question | JoomShaper

Custom Width Image In Image Layouts

D

Daniele

SP Page Builder 5 days 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

0
3 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 4 days ago #220181

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.

0
D
Daniele
Accepted Answer
3 days ago #220306

Thanks

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 days ago #220320

Please marked the issue as solved

0