Jump to content

jpwelchux

Member
  • Posts

    14
  • Joined

  • Last visited

Reputation Activity

  1. Like
    jpwelchux reacted to tuanphan in Image block: card - Code to add a drop shadow? (wells template)   
    @jpwelchux Add to Home > Design > Custom CSS
    .image-block-outer-wrapper { box-shadow: 1px 2px 3px 4px rgba(0,0,0,0.5); } Explain
    1px: The horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box 2px: The vertical offset of the shadow. A positive value puts the shadow below the box, a negative value puts the shadow above the box 3px: The blur radius. The higher the number, the more blurred the shadow will be 4px: The spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow rgba(0,0,0,0.5)  The color of the shadow, you can use code (#000) or name (black) or rgb (rgb(0,0,0)) or rgba.
  2. Like
    jpwelchux reacted to tuanphan in Image block: card - Code to add a drop shadow? (wells template)   
    @jpwelchux remove above and use this
    .image-block-outer-wrapper.design-layout-card { box-shadow: -1px 2px 10px 4px rgba(0,0,0,.07); }  
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.