Hi, I have this code in my custom css
.avia_textblock p img {
border-radius: 100%;
box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
}
It works great with a dark background, which was the purpose.
Now I would need the code for another text block with a light background. The box shadow should be dark.
Is this possible?
Best regards
Hey northorie,
If you need different CSS for different blocks, then you might want to give your blocks classes which you can add in the Advanced tab in the element options. For example:
.text-block-dark-background p img {
box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 4px;
}
.text-block-light-background p img {
box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
}
Best regards,
Rikard
It didn’t work. I only had a square picture.
Hi,
Thank you for the update.
Did you apply the text-block-dark-background or the text-block-light-background class name in the Advanced > Developer Settings > Custom CSS Class field? Please check the documentation below for more info:
// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Best regards,
Ismael
Hi,
Thank you for the update.
Did you apply the text-block-dark-background or the text-block-light-background class name in the Advanced > Developer Settings > Custom CSS Class field? Please check the documentation below for more info:
// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Best regards,
Ismael
I managed it on another way. Topic can be closed, thank you
Hi,
Thanks for the update. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard