Page Builder - Individual App Css is Applied To Allpage Content - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Page Builder - Individual App Css is Applied To Allpage Content

SP

Stev Peters

SP Page Builder 3 years ago

Since update to SPPB 4.0.5 the individual app css is applied to all content of that page (for example if in the css of an single app img{rotate} is applied, all images of that page are rotated.

Is there any fix.

Best regards, Stev Peters

0
4 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #89722

Hello Stev Peters

Please try this CSS instead of only img element. This will target only the specific addon.

#addonId img{
    transform: rotate(90deg);
}

Best regards

0
Pavel
Pavel
Accepted Answer
3 years ago #89724

Hi Ofi.

#addonId will not work if you add this to the CSS field of the addon.

Hi Stev.

Add your own class name in the addon's CSS Class field and use the code in this form in CSS field.

.your-class img {
    transform: rotate(90deg);
}
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #89745

Pavel, I get it working. Your solution will also work.

https://prnt.sc/Pz0LD1fdm4xW

0
SP
Stev Peters
Accepted Answer
3 years ago #89749

Thanks for the answers. Yes the work, but in some places I have the problem that several app have the same css-class so I can have styles by group and individual css for the app only.

In first place it was very bad, that with the update to 4.0.5 my full buisness page looked crap. I don't know why this nice feature of individual css is not working anymore. I had to go back to 3.8 version for the moment.

0