Image Layouts Bags - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Image Layouts Bags

Vlad

Vlad

SP Page Builder 2 years ago
  1. When applying the component Popup Video on Image click the previously added button with a PDF file becomes unclickable. The video is overlaid on top of other components. And why did the gray area extend beyond the photo frame to its full width? https://prnt.sc/IRxb8zIbZyNe https://prnt.sc/P9z9gh8kRCAW https://prnt.sc/HXcq8KpH9Jin https://prnt.sc/zNVTNYqQ8PVr
  2. Previously, content was centered relative to the photo, now everything is aligned on top. https://prnt.sc/1yI6d6Ul6fKu
  3. Previously, in the mobile version, the photo was proportional and the text content was transferred under the photo. Now the photo is stretched and the text is not transferred. https://prnt.sc/MnMPJibAocbw
0
3 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #111821

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

0
Vlad
Vlad
Accepted Answer
2 years ago #111887
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #111937

1: Sorry I dont have enough imformation about it. Could you please create a new forum post about this question?So that I can forward it to our team.

2: Use this custom CSS


@media only screen and (max-width: 1700px) and (min-width: 844px)  {
.sppb-addon-image-layout-content.sppb-text-alignment{
    text-align: left;
    padding: 50% 5% !important;
}
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

3: Use this custom CSS

.image-layout-preset-style-card .sppb-addon-image-layout-image, .image-layout-preset-style-card .sppb-img-responsive, .image-layout-preset-style-overlap .sppb-addon-image-layout-image, .image-layout-preset-style-overlap .sppb-img-responsive{
    height:unset !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

0