gogohopping

Dear All,

I have an update regarding this post.

The SiteOrigin team were able to help me. My theme (Athemes Sydney) was targetting Page Builder rows with the following CSS:

.panel-row-style, .elementor-section {
-webkit-transform: translate3d(0,0,0);
}

To fix this problem I added some CSS

.panel-row-style {
-webkit-transform: none;
}

After adding this CSS my background images would not cover the entire Layoutbuilder row.

.panel-row-style {
background-position: top !important;
}

After adding this it was fixed

Thanks

Paul

Dear Mihaela,

The code provided worked perfectly from what I can see. The background of the picture is now transparent. Thanks a lot.

I have one final request, if possible.

Please can you confirm if there is a way, or CSS code, that can remove the white border frame, or make the border frame also transparent, around the outside of the larger picture when opened in lightbox?

Thank you again for your time.

Paul

Hi

Thanks for your reply.

Please be aware that my website is Not Safe For Work (NSFW)

If this is not a problem then an example of the problem has been uploaded to this gallery https://www.gogohopping.com/public-area-featured-hopping-models-model-first-bar-galleries/

The first picture in the gallery is my example. The PNG picture thumbnail has a transparent background, which is fine… but when clicking on the thumbnail and opening the larger picture, the PNG background is white rather than transparent.

Please can you confirm if there is a way to make the background of the enlarged pictures transparent?

Thanks

Paul

• This reply was modified 2 years, 12 months ago by gogohopping.
• This reply was modified 2 years, 12 months ago by gogohopping.