Jump to content

brightbarboston

Circle Member
  • Posts

    13
  • Joined

  • Last visited

Posts posted by brightbarboston

  1. Site URL: http://brightbarboston.com

    Hey! I purchased a code from insdie the square and when I add it to squarespace it looks very messed up. Any help to make the following code look more like the picture I attached?

    .sqs-block-button-element{position: absolute; left: 50%; top: 50%;  transform: translateX(-50%) translateY(-50%); background:  #fff!important; width: 100px;padding: 20px 30px; border-radius:  0px!important; border: 5px solid #4ac0ee!important; color:  #4ac0ee!important; font-weight: bold; text-transform: uppercase;  text-align:center; z-index: 2; @include transition(all .15s .15s  ease-out); &:after, &:before { position: absolute; width: 100%; max-width: 100%; top: 100%; left: 0; bottom: -10px; content: '';  z-index: 1; @include transition(all .15s .15s ease-out);} &:before {background: #4ac0ee; top: 10px; left: -15px; height: 100%; width: 15px;} &:after { width:100%; background: #4ac0ee; right: 0px; left: -15px; height: 15px; } &:hover {background: #4ac0ee; color: #fff; margin-left: -7.5px; margin-bottom: -7.5px; &:after,&:before {top: 100%; left: 0; bottom: 0px;} &:before {top: 0px; left: 0px; width: 0px;}&:after {right: 0px; left: 0px;height: 0px;}}}

    Screen Shot 2021-08-02 at 07.10.35.png

×
×
  • 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.