How to create custom hover effects in Squarespace // Squarespace Hover Effect Tutorial

How to create custom hover effects in Squarespace // Squarespace Hover Effect Tutorial

34,186 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Ackerman61
Ackerman61 - 20.10.2023 19:12

Can you add a hover to reveal tools on a video ?

Ответить
Kartya Alanna
Kartya Alanna - 28.08.2023 11:18

Hello! i would love to add a cutom colour code? My colour HEX = 83a7bf
but the code
.sqs-block-button-element:hover{background-color:83a7bf !important; border-radius: 15px! important}
Does not work what would I write instead?

Ответить
Gabriela Rojo
Gabriela Rojo - 20.08.2023 02:01

I have a question! What would the selector name be for a hyperlink? I'm hoping to - when you hover- change the color of any text that has a link attached to it. Like the menu bar, footer, a word in a paragraph that links to another website, etc. Is that possible? Thanks for the helpful video!!!

Ответить
Bettina Calmon
Bettina Calmon - 17.08.2023 21:08

Hello, Can I use this for a video? Thanks!

Ответить
Gerry Frank
Gerry Frank - 16.08.2023 17:19

Hi Becca. Can you have another image appear when hovering over an image?

Ответить
Organic Alchemist
Organic Alchemist - 16.08.2023 12:51

Thanks for the great tutorial! Could you reverse that greyscale effect? So go from Grey to a coloured image?

Ответить
Emmanouela K.
Emmanouela K. - 05.08.2023 20:42

hey, thank you for sharing! Does this only work for general website-elements like buttons or can I also apply it to only one specific button?

Ответить
Trash TV with Alex Jones
Trash TV with Alex Jones - 28.07.2023 02:59

Is there a way to make this work for images in blog grid layouts?

Ответить
Joseph Tonas
Joseph Tonas - 20.07.2023 20:58

Thank you!!

Ответить
Nina Pham
Nina Pham - 23.05.2023 01:55

Hi Becca! Can we grab the text box ID when using Safari?

Ответить
Kevin Rushton
Kevin Rushton - 18.02.2023 06:32

Yet another helpful CSS code, thank you

Ответить
Amy Chan
Amy Chan - 13.01.2023 20:24

Hi Becca! How would you change the hover filter to just change the opacity of the images instead of using grayscale? Thanks!

Ответить
Keith Roberts
Keith Roberts - 29.12.2022 21:43

Thank you! This is super helpful. How would you change the CSS to make it only hover on the home page. what I really want is on the homepage, the images to be greyscale and hover to color. Thank you in advance for your time

Ответить
Ariel Rudolph
Ariel Rudolph - 29.12.2022 07:22

Becca you're the best!! loving your videos, super helpful thank you ty ty ♾

Ответить
KK P
KK P - 16.12.2022 02:09

My buttons have a hover state that is slightly transparent but I want it to be solid. How do I change that setting?

Ответить
Roy Hernandez
Roy Hernandez - 02.12.2022 05:05

OMG, it worked! thank you for sharing this video. I changed the color of a button on my website.

Ответить
Taylor
Taylor - 26.10.2022 03:57

What if I only want a hover effect in the main nav button? How do I designate the exact button?

Ответить
carisse s
carisse s - 11.10.2022 08:35

Hello, I have a question. what code would you use if you want a hover color for you main menu or pages on your main menu?

Ответить