Jump to content

header and footer buttons - drop shadow?

Recommended Posts

  • Replies 2
  • Views 383
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

12 hours ago, mprDesigns said:

Site URL: https://www.aimeecuthrell.com/aboutaimeecuthrell

hello! 

I've added code to make the buttons on my site - https://www.aimeecuthrell.com/aboutaimeecuthrell - have a drop shadow. Problem is, the header Contact button and the footer Sign Up button did not follow along. Do I need a specific code for these sections??

Hi! Yes, you'll need to target those buttons specifically. Try adding this code to custom css and let me know how it goes 🙂

.primary-button-style-solid .btn, button.newsletter-form-button {
  -webkit-box-shadow: -12px -8px 22px 0px #000;
  -moz-box-shadow: -12px -8px 22px 0px #000;
  box-shadow: -12px -8px 22px 0px #000;
}

 

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
  • 1 month later...
On 3/3/2022 at 2:29 AM, Jia said:

Hi! Yes, you'll need to target those buttons specifically. Try adding this code to custom css and let me know how it goes 🙂

.primary-button-style-solid .btn, button.newsletter-form-button {
  -webkit-box-shadow: -12px -8px 22px 0px #000;
  -moz-box-shadow: -12px -8px 22px 0px #000;
  box-shadow: -12px -8px 22px 0px #000;
}

 

Thanks so much!!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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