Page Builder - individual app css is applied to allpage content - Forum | JoomShaper
Awaiting an answer SP Page Builder

Page Builder - individual app css is applied to allpage content

Asked by Stev Peters 4 years ago Last activity 4 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

4 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
4 years ago

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

Pavel
4 years ago

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);
}
Stev Peters Asked this
4 years ago

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.

Log in to reply.