saylinds

@paul2009 thank you so much!

@tuanphanURL for this website is saylinds.com 🙂

thank you @tuanphan! is there a way to do it with SQSP 7.0 ?

Hello! I'm looking to add CSS that would create a bottom border under my nav area, similar to this site: https://www.bodegaltd.com/

Could anyone help? Thank you!

17 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

/* Gallery hover */
body#collection-5fb43137d46bfe51eacdc245 {
.slide:hover .image-slide-title {
    opacity: 1;
}
.slide:hover a:after {
    opacity: 1;
}
.slide a:after {
    content: "";
    background: rgba(0,0,0,0.5);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
}
.image-slide-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all 0.5s;
    color: white;
z-index: 10000;
}
.slide a:after {
    content: "";
    background: rgba(0,0,0,0.5);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
}
.slide:hover a:after {
    opacity: 1;
}
.slide:hover .image-slide-title {
    opacity: 1;
}
}

 

Thank you so much!

@tuanphan Did I add the caption correctly? Is there anything else you need? Appreciate your help!

12 hours ago, tuanphan said:

I don't see caption?

@tuanphan Sorry I didn't realize you needed them to be displayed! Titles are now visible but the Grid Gallery Block won't allow me to display captions as well as the title. Does that help?

@tuanphan @bangank36 Hi I just wanted to check in to make sure you all saw that I updated the captions here! Thanks again for your help!

@tuanphan Done!

@bangank36 I prefer the Sliding Caption option

@tuanphan @bangank36 I added a test page here with a Grid Gallery Block if that's helpful!

@tuanphan This doesn't seem to be working for me - is it because I'm using 7.0?

@bangank36 Correct, I haven't added the Grid Gallery Block to my site yet.

@tuanphan Wow thank you so much! For how many sites you probably see that is a high compliment 🙂

@tuanphan I did, I found another one of your codes posted elsewhere. thank you!

@tuanphan Is this written for 7.0 as well? Doesn't seem to work on my site www.saylinds.com

Site URL: https://www.saylinds.com

Hey folks, hoping you can help me out with coding a hover effect like this. I'm currently using Image Blocks on my Home + Work pages but ideally I'd like to use a Grid Gallery Block with a hover overlay that displays title, description, and opacity. I'm still in version 7.0 and I haven't found a code recent enough that works.

Thanks in advance!