Jump to content

McMainsMedia

Member
  • Posts

    2
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

McMainsMedia's Achievements

  1. Site URL: https://www.mcmainsmedia.com/home-1 I am trying to make some custom css code that allows me to change the background image by hovering over a certain text block. On this page (www.mcmainsmedia.com/home-1) when you hover over the text I currently have it set to just disappear. Instead, I would like the background image to change. I would like to be a white color when the user isn't hovering over any text (neutral/default) and then would like it to change to 1 of 4 different backgrounds depending on what text block the user is hovering over. I am making a larger photography portfolio and would like this to be the portal for my landscapes, concerts, sports, and journalism. So when someone hovers over the word "landscapes" a certain background image will fade in, then when they hover over "concerts" a different one will pop up, then if they move the cursor to the top left of the screen away from text a solid white (or black, don't care too much) appears instead. I would also like the images to have 30-40% overlays on top of them so the text still stands out. I have figured out how to target specific blocks with hovering and I know how to upload a specific image as the background but I do not know how to combine the two so that they work together. This is a great example of what I am trying to accomplish: https://www.sebastiancox.co.uk/ I love that there is a default background and then the others fade in depending on what word is being hovered over. Thanks!
×
×
  • 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.