niketatripp Posted December 28, 2020 Share Posted December 28, 2020 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 Link to comment
creedon Posted December 29, 2020 Share Posted December 29, 2020 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. tuanphan and LaurenZA 2 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
tuanphan Posted January 3, 2021 Share Posted January 3, 2021 @niketatripp I see this overlapt text on mobile. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted May 6, 2021 Share Posted May 6, 2021 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 creedon 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
oldegray Posted May 19, 2021 Share Posted May 19, 2021 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 Link to comment
tuanphan Posted May 20, 2021 Share Posted May 20, 2021 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
oldegray Posted May 20, 2021 Share Posted May 20, 2021 @tuanphan I would like the ENTIRE background of the website to change on hover, not just the targeted block. Link to comment
Anele0610 Posted October 29, 2021 Share Posted October 29, 2021 Hello, was this eventually solved? I'm looking to change the section background on hover. Link to comment
creedon Posted October 29, 2021 Share Posted October 29, 2021 (edited) @Anele0610 Add the following to Design > Custom CSS. [data-section-id="[enter data section id here between double quotes]"]:not( .has-background ):hover .section-background { background-color : red; } 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. Edited October 31, 2021 by creedon tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Anele0610 Posted November 1, 2021 Share Posted November 1, 2021 Perfect thanks, that works!! 🙂 creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment