Sticky Hover effect

Hello @tim_carpenter,

Thank you for reaching out to us!

Please add this code in Appearance > Customize > Additional CSS:

.pb-overlay:hover .pb-caption-middle {
    display: block;
}
.pb-caption-middle {
    display: none;
}

Please let me know if you have any other questions!

Warm regards,
Beatrice.

This didn’t do it. What I’m trying to do is have the effect displayed here (for title and description) to only display when moused over. I like the shading only behind the text and when hovered over.

I added this to the CSS customization on the photblocks gallery vs the theme. Is that correct?

• This reply was modified 3 years, 5 months ago by Tim_Carpenter.

Another question. The text blocks just don’t work well for mobile devices. Is there any way to suppress text block for phones? The demo of text blocks on your website does suppress them when I look on my phone.

Hi @tim_carpenter,

We entered the site and the captions and the title are displayed only when you hover over them. Also, the text on mobile is smaller. This is what you wanted, right? If I understood badly please correct me.

Warmly,
Beatrice.

I should have updated my post. After I submitted this follow up, I looked at the plugin css for sticky and made changes that achieved what I was seeking. I assume I should enter that CSS in the customizations area (so it is not overwritten with a plugin update). I assume CSS in customizations overrides the plugin CSS?

The text in the blocks is fine for now. Is there a way to suppress the text blocks from showing on mobile? The demo on the photoblocks website seems to do that.

Hi @tim_carpenter,

Yes, the CSS in customizations ovverrides the plugin CSS.

To hide those blocks on mobile please add this code in Appearance > Customize > Additional CSS:

@media screen and (max-width: 900px) { .pb-caption-bottom {
    display: none;
} }

Warmly,
Beatrice.