Jump to content

Help! Change Background Color and Text Color on Entire Page When Hovering Over Specific Link

Recommended Posts

Posted (edited)

Hello there! I would really love to have the entire homepage BACKGROUND change color when the user hovers over a specific navigational link. Also, the text on the page would change color as well.

So let's say the background is white and all the text on the page is black, when the user hovers over a navigational link, the background will become pink and all of the text on the page will become red.

Here is the website I am going off of: https://www.studioyoke.co.uk/

I have also attached some photos to showcase what I am talking about...

Any help would be much appreciated as coding is very new to me. Thanks!!

@tuanphan

Screenshot 2024-06-05 at 20.26.54.png

Screenshot 2024-06-05 at 20.27.03.png

Edited by ciao_paulina
Link to comment

On the example site you show each link applies a different background color. For your site are you wanting just one color for all links? Or, multiple colors?

The former would be easier, I think.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
5 hours ago, creedon said:

On the example site you show each link applies a different background color. For your site are you wanting just one color for all links? Or, multiple colors?

The former would be easier, I think.

@creedon Just one color for all the links. I want the home page background to be black with white font text by default, and then when a user hovers over one of the navigational links, I would like the home page background to become lavender and the font text to become white.

Link to comment

Please post the URL for a page on your site where we can see your issue. For us to see the URL you need to include the link in the content of your post. The URL field the forum software provides is not shown to us.

A link to the backend of the your site won’t work for us, i.e. a URL that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

You may find How to post a forum question post useful.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.