Jump to content

Hover over text not working on one page?

Recommended Posts

Site URL: http://www.goatshrine.com/goatbby

On my website I have one page (a collection page) that is different from all the others, and its proving a bit tricky.

As you can an see on my homepage, I have these gallery grid squares that overlay text when you move your cursor over them: http://www.goatshrine.com/

Here on this page I also have a gallery grid (http://www.goatshrine.com/goatbby) and would like for the same thing to happen, but it wont for some reason. There is nothing in the code blocking the piece of code I inserted to do that effect from that page.

Also, would there be anyway to give those gallery images, and every block on that page - the text box, images etc. - rounded corners?  Thank you very much If it helps, my template is Five. !

 - Alice

Edited by Goatshrine
Link to comment
  • Replies 4
  • Views 213
  • Created
  • Last Reply

Top Posters In This Topic

#1. Can you add some caption/title? I checked Goatbby page & don't see any title/caption in page source.

#2. Use this CSS

/* Guatbby round */
body#collection-5cb20157f9619adc67e89f94 {
.slide>div a {
    border-radius: 20px !important;
.html-block {
    border-radius: 20px;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

@tuanphan Thank you so much! I've managed to solve it, you're fantastic
While on the topic of the image blocks, you don't happen to know how I might reduce the space/padding between the images on the left sidebar on the Goatbby homepage, do you?

I've tried


margin-bottom: 0px!important;

But its not happening, thank you!

- Alice

Edited by Goatshrine
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.