Jump to content

How to take away hover effect on menu

Recommended Posts

Site URL: https://parkadedesign.com/

Hi there, 

I am wanting to remove my hover effect from the menu altogether so the text just goes over the image when I hover over the title. 

Without the fading white over the entire page. 

Any help would be amazing. 

https://parkadedesign.com/

Current page called "Nowhere Buildings" 

I want the description to come up without the image fading, transition thing. 

 

Thanks

 

 

Link to comment
  • Replies 5
  • Views 467
  • Created
  • Last Reply
16 minutes ago, gpfrancis said:

Site URL: https://parkadedesign.com/

Hi there, 

I am wanting to remove my hover effect from the menu altogether so the text just goes over the image when I hover over the title. 

Without the fading white over the entire page. 

Any help would be amazing. 

https://parkadedesign.com/

Current page called "Nowhere Buildings" 

I want the description to come up without the image fading, transition thing. 

 

Thanks

 

 

Try this

#collection-5f7dc8d50a39600f1d900e6f .collection-images .image-container img,
#collection-5f7dc8d50a39600f1d900e6f .collection-images .image-container.no-main-image-bg, 
#collection-5f7dc8d50a39600f1d900e6f .collection-images .image-container .sqs-video-background {
  transition: none;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 minute ago, gpfrancis said:

So sorry, if I had to apply that logic to the other menu items? 

https://parkadedesign.com/practical

If I click on "Hotel 01" I want the same thing as the first page we just fixed. 

Thanks again!

Use this to disable the effect site wide

.collection-images .image-container img,
.collection-images .image-container.no-main-image-bg, 
.collection-images .image-container .sqs-video-background {
  transition: none;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.