Archived topic
Site Library - Health - Where does the box-shadow come from?
3 replies · Started by Angie on October 12, 2022
Viewing posts 1–4 of 4
Hello!
I am adapting the Health-Site from GeneratePress' site library. There are box-shadows around the pictures. I cannot find the place, where these are set...? Can you help me?
the css is the following:
.blue-shadow img {
box-shadow: 12px 12px 0px var(--accent-2);
}the html:
<figure class="wp-block-image size-large blue-shadow img"><img width="815" height="1024" src="https://..." alt="" class="wp-image-90"/></figure>
Thank you very much!
Angie.
Hi there,
so that CSS can be found in the Customizer > Additional CSS. Note there is blue-shadow and grey-shadow
/* blue shadow on photos */
.blue-shadow img {
box-shadow: 12px 12px 0px var(--accent-2);
}
/* light grey shadow on photos */
.grey-shadow img {
box-shadow: 12px 12px 0px var(--base);
}And they only apply to Image Blocks.
if you select any Image Block and go to Advanced > Additional CSS Class(es) you can add or remove the relevant class eg. blue-shadow or grey-shadow
Perfect! Thank you.
You're welcome
This archived topic is closed to new replies.
