Targetting Summary Images

Site URL: https://projectav-demo.squarespace.com/

Hey Guys 

Hope you're well. 

I'm trying to add some jquery animation effects to the summary sections of my site. The images on this section are being pulled through from my case studies blog posts.

I can target the summary block id fine but I need to target the individual image element that site within it. I'd like to create some hover effects over the images. Does anyone know how I would target these image elements?  

Thanks

Simon 

Hey!

You’ll need to target the summary block, then nest the target selectors inside.

 Youll want to inspect the element and find “.summary-item” from there you’ll need to decide if you want the image, the whole item, or any other elements you want to apply to the hover effect too.

You won’t have unique control or targeting for individual items easily. If you need full control over each item, you’ll want to target them using the “:nth-child” method.

On 5/1/2022 at 3:22 PM, sbme123 said:

Site URL: https://projectav-demo.squarespace.com/

Hey Guys 

Hope you're well. 

I'm trying to add some jquery animation effects to the summary sections of my site. The images on this section are being pulled through from my case studies blog posts.

I can target the summary block id fine but I need to target the individual image element that site within it. I'd like to create some hover effects over the images. Does anyone know how I would target these image elements?  

Thanks

Simon 

Hi. What is access password?