[Resolved] Site Library – Health – Where does the box-shadow come from?

Home Forums Support [Resolved] Site Library – Health – Where does the box-shadow come from?

Home Forums Support Site Library – Health – Where does the box-shadow come from?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2370853
    Angie

    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.

    #2370959
    David
    Staff
    Customer Support

    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

    #2371979
    Angie

    Perfect! Thank you.

    #2372012
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.