Change background colour on hover

Hi

I would like to know how I can change the background colour when I hover over each of the links on the page below. I've tried different css codes but can't find anything that works

https://studioiris.squarespace.com/projects-1 password: studio

Thanks

Add the following to Design > Custom CSS.

#block-yui_3_17_2_1_1609164101016_6399 .summary-title-link:hover {

  background-color: red;
  padding: 10px;
  
  }

You can adjust the color and padding to suit.

Let us know how it goes.

@niketatripp I see this overlapt text on mobile.

was this ever figured out?

On 5/4/2021 at 5:14 AM, oldegray said:

was this ever figured out?

Creedon sent above code. If you haven't solve this yet, can you share link to your site? We can help easier

What do I need to target to have the entire background change color on hover? Ideally I will have several areas on the website where then background changes on hovering over photos and other links.  Here is the website I'm trying to target.

https://cyan-gold-cmmp.squarespace.com/ahoy-mates/#/missoula-montana-river-floating

23 hours ago, oldegray said:

What do I need to target to have the entire background change color on hover? Ideally I will have several areas on the website where then background changes on hovering over photos and other links.  Here is the website I'm trying to target.

https://cyan-gold-cmmp.squarespace.com/ahoy-mates/#/missoula-montana-river-floating

It looks like you solved?

@tuanphan I would like the ENTIRE background of the website to change on hover, not just the targeted block. 

Hello, was this eventually solved? 
I'm looking to change the section background on hover. 

@Anele0610

Add the following to Websites > Website Tools ( scroll to the bottom of the panel ) > Custom CSS.

[data-section-id="[enter data section id here between double quotes replacing square brackets]"]:not( .has-background ):hover .section-background {

  background-color : red;
  
  }

This is for v7.1.

Use Heather Tovey's most excellent looking Squarespace ID Finder to get the data section id.

SIF will return something like the following. section[data-section-id="614b8ba6cbf4aa0de33419f4"]. You only need to enter the number between double quotes in the code above.

Let us know how it goes.

Perfect thanks, that works!! 🙂