erikapruett

Yes! Works beautifully! Thank you so much. - Erika

Hi! I am designing a website. I am trying to get the button animation to look like this website: https://www.mcgeeandco.com/ It works when the button is on fill, but I am trying to figure out how to get the animation to fit inside the box when the button is set to fit. My site: https://purple-gar-wesk.squarespace.com/?password=demo Here is my code: .sqs-block-button-element--medium { border: 1px solid #515151 !important; transform: perspective(0p); color:var(--primaryButtonBackgroundColor) !important; } .sqs-block-button-element--medium:before { content: ""; position: absolute; display: flex; top: 0; right:0; bottom:0; left: 0; z-index:-1; background: #a97d6E; transform: scaleY(0); transform-origin: 50% 100%; transition: 0.4s; } .sqs-block-button-element--medium:hover { color:white !important; border: 1px solid #a97d6e !important; opacity: 1 !important; } .sqs-block-button-element--medium:hover:before { transform: scaleY(1); } Would love help! Thank you! - Erika

Hi! It looks like the font weight (300) is not always loading on my site. It's for the serif font, Cormorant Infant, used on all the headers. Would love help! Thank you! https://theflorence.squarespace.com Password: demo