Jump to content

Hide Hover Text - Keep Alt Text

Recommended Posts

Site URL: http://www.jackiejphoto.com

How do I hide hover text on the Ishimoto template? When you click on an image in my portfolio image block it opens that image in another window displaying the image title and description. I want to keep the title and description for SEO purposes but I do not want it to be displayed. I've tried numerous codes and nothing has worked. 

See images attached for an example!1780855547_ScreenShot2021-12-02at9_07_40AM.thumb.png.688ccc590f02b0563d45d37674165e2a.png588204768_ScreenShot2021-12-02at9_07_36AM.thumb.png.9ca17be437060d2967d31900fc23f438.png

Link to comment
49 minutes ago, JackieJ said:

Site URL: http://www.jackiejphoto.com

How do I hide hover text on the Ishimoto template? When you click on an image in my portfolio image block it opens that image in another window displaying the image title and description. I want to keep the title and description for SEO purposes but I do not want it to be displayed. I've tried numerous codes and nothing has worked. 

See images attached for an example!1780855547_ScreenShot2021-12-02at9_07_40AM.thumb.png.688ccc590f02b0563d45d37674165e2a.png588204768_ScreenShot2021-12-02at9_07_36AM.thumb.png.9ca17be437060d2967d31900fc23f438.png

Try adding to Home > Design > Custom Css

.sqs-lightbox-open .overlay-description-visible {
  display: none;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

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

My testing result

 

image.png

Edited by bangank36

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

It looks like you miss the } 

image.thumb.png.7d3e5dbd5a5386d58b2c1491d8376a68.png

It should be:

h1,h2,h3 {
	/*your style*/
}

Kindly try adding it and check again

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

Sorry for making you confused,

I mean adding the } after !important; in your previous code

image.png.acae4061aa09d590f974845a89227917.thumb.png.22ebb789ed688a831a8a84e47c35b6d3.png

Edited by bangank36

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
3 minutes ago, JackieJ said:

@bangank36Thanks for the clarification. This still is not working for me 😞 The text still shows up when I hover over the image.

1886567702_ScreenShot2021-12-02at10_56_49AM.thumb.png.fde3165ee39baf405b350059dc15e523.png

 

 

 

No, pls try !important;}

This is the standard syntax of Css code if you are interest

Currently, it is wrong syntax when you type  !important};

 

Hope it can help you

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

It 's good to know that, bro

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

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.