Image Layouts bags - Forum | JoomShaper
Staff replied SP Page Builder

Image Layouts bags

Asked by Vlad 3 years ago Last activity 3 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

3 replies

Mehtaz Afsana Borsha Staff

Hi

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

-Regards.

Mehtaz Afsana Borsha Staff

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.

Log in to reply.