Jump to content

Add Drop Shadow to Testimonial Carousel Cards

Recommended Posts


SITE: https://odyssey-resilience.squarespace.com/config/pages


Hi all! 

I'd like to add a drop shadow effect to the testimonial carousel cards on my site. 

I've used the Squarespace ID finder to find the section ID, however, with this type of carousel it appears there is no block ID available. So when I use the following code, I'm afraid it's adding the drop shadow to the entire section versus targeting the carousel  cards inside the section.

Code Used:

 

section[data-section-id="65cce3933203a900145ffc4e"] * .image-block-outer-wrapper {

    box-shadow: 0px 4px 8px 2px rgba(0,0,0,.1);

}

Any suggestions on how to specifically target the carousel cards without having the ability to obtain their ID?

 

Thanks so much!!

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

11 hours ago, MissTippyTap said:


SITE: https://odyssey-resilience.squarespace.com/config/pages


Hi all! 

I'd like to add a drop shadow effect to the testimonial carousel cards on my site. 

I've used the Squarespace ID finder to find the section ID, however, with this type of carousel it appears there is no block ID available. So when I use the following code, I'm afraid it's adding the drop shadow to the entire section versus targeting the carousel  cards inside the section.

Code Used:

 

section[data-section-id="65cce3933203a900145ffc4e"] * .image-block-outer-wrapper {

    box-shadow: 0px 4px 8px 2px rgba(0,0,0,.1);

}

Any suggestions on how to specifically target the carousel cards without having the ability to obtain their ID?

 

Thanks so much!!

Your website currently private now. Can you make it password protected and share the password?

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.