Jump to content

theolreverend

Member
  • Posts

    1
  • Joined

  • Last visited

Everything posted by theolreverend

  1. Hi there, As the title says, I'm trying to create a colour shift effect on hover for a shape I'm using as a background for both a picture and a text block. Unfortunately, the shape only changes colour if I hover over it directly. And I'd like it to change when I'm hovering over every element of the ensemble. But for the life of me, I cannot seem to find any answers anywhere. I've used the following bit of code that I managed to pick up via Google search: /* Change Shape Color on Hover */ #block-43365409002a16e44c9b .sqs-shape {-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;} #block-43365409002a16e44c9b:hover .sqs-shape {background: #dda29a;} For context, the block IDs are: shape — #block-43365409002a16e44c9b text — #block-yui_3_17_2_1_1698248534530_9660 image — #block-7e5a065df27c59db5d73 I've tried adding the other block IDs to the code, but it doesn't work. I apologise in advance, but CSS and code are just not something I've ever done before so it's all a foreign language to me. So if anyone here can help me, I'd very much appreciate it.
×
×
  • 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.