Archived topic
Text Alignment and Image Shadow
20 replies · Started by Sourabh on December 11, 2020
I have also deleted old images and article and reuploaded everything from the beginning, so check now if visible ??
If no then let me know, if yes then get back to the topic and share a solution for our main query -
I can see them now.
But i cannot see any emojis or other types of non-standard image so i cannot provide a rule to exclude them.... however you can try this CSS instead:
.single-post .entry-content .wp-block-image img {
box-shadow: 0 0 8px 4px rgba(0,0,0,0.25);
}
It should apply only to images that are added as Image Block.
No David,
Everything I am adding through Image Block only, even emojis too (They big in size, like superheroes posters in the article), I understand it's difficult to separate each -
Can we make rules via image name???
What if I add the image name in your CSS code, so that code will make a shadow for a specific one, and will leave the rest ???
is it possible ??
theres no simple way to do that - and that would require you creating a lot of CSS.
Instead of that you would need to add a CSS Class to the images YOU DO NOT want the shadow applied to:
So change the CSS to this:
.single-post .entry-content .wp-block-image:not(.no-shadow) img {
box-shadow: 0 0 8px 4px rgba(0,0,0,0.25);
}
Then any Image you do not want the shadow applied to, select the Image Block, in the Settings sidebar > Advanced --> Additional CSS Class(es) field add: no-shadow
Yes, it's good I think, You made it possible David, Thanks a Lot...
Closing this ticket, Just give a look at my breadcrumb ticket, I have requested a small CSS for breadcrumb, For CSS concern Leo won't help I know, so pls you do it, as you have already helped me a lot, once I finish designing part of my website, I will raise tickets only for technical issues.
You're welcome.
Ill take a look at the other.