Jump to content

Drop Shadow Specific Section

Recommended Posts

  • Replies 4
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Yes, this is possible with adding Custom CSS. Can you share your website URL? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Try adding this to your Custom CSS:

section[data-section-id="63ba3dd09dcf5478914c2b38"] {
  h2 {
    text-shadow: 2px 2px #000;
  }
  p {
    text-shadow: 1px 1px #000;
  }
}

You can adjust the color and size of the shadow for the H2 and P text individually.

Let me know if that has worked, and give me a thumbs up if you can, thanks!

Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 9 months later...

Hi @Ziggy
is it possible to add a drop shadow to a section? But instead of applying the drop shadow to look like the section is ontop of the one beneath it ... have it appear like the section is below the lower section?

Trying to explain 1st section on page (not header) child 1? I want it to appear to be under child 2?

https://www.wagthedog.nz/

I have the logo on the left and an image of the phone number on the right...that is the section I want below the *gallery...The first section is on every page but I want the effect to only be on selected pages. 

I know how to find the section ID just cant get the shadow to work 

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.