Jump to content

FluffCreativeStudio

Circle Member
  • Posts

    61
  • Joined

  • Last visited

Community Answers

  1. FluffCreativeStudio's post in Converting Button CSS Codepen to Squarespace CSS was marked as the answer   
    Press down button option - Watch Video

     

    // Button Block - Solid Drop Shadow Style//
    .sqs-block-button-element  {
      box-shadow: 10px 10px #02CBC6;;
      border: 1px solid #fff !important;
      transition: all ease-in 0.2s !important;
    }
    .sqs-block-button-element:hover {
      box-shadow: none;
      transform: translateY(4px) !important;
      transition: all ease-in 0.2s;
      opacity: 1 !important;
    }
     
  2. FluffCreativeStudio's post in Resizing Badge was marked as the answer   
    @thepemberleycreative Hey there! So you can add something called "Inline CSS" which is basically just a little style to your line of code. 
    Add something like this: 
    <a href="https://devotedcolumbus.com/wedding-directory/602/">
    <img src="https://devotedcolumbus.com/badge/602/" alt="View our listing on Devoted Columbus" width="15%" height="auto"> 
    </a>
    You can play around with using a percentage or a pixel (width="50px") till you get the desired result. 
     
    Hope that helps!
×
×
  • 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.