Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Recommended Posts

Hi there,

I'm building a portfolio site for a client using the Miller template (still unpublished). On one page, I have a bunch of image blocks (NOT a gallery). Is there any way to change the hover effect on just this one page? On the hover, I'd like each image block to have a full color overlay with the caption text in the middle, poster style. 

Thanks!
Sarah

Link to post
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

New code <style> figcaption.image-caption-wrapper { max-height: unset !important; height: 100%; display: flex; justify-content: center; align-items: center; } /* fix

Yes. You can. Can you share link to that page? We can check easier.

if your site is trial, you can setup password & share url.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
On 9/23/2020 at 3:29 AM, sarahrab said:

@tuanphan

Thanks! The page I'm looking to add this feature to is molly-test.squarespace.com/work and the password is Portfolio5.

Can you add some demo caption? We can test code easier.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
On 9/25/2020 at 7:42 AM, sarahrab said:

@tuanphan I just added some demo captions! The site can now be reached at http://www.mollydressel.com/ with the same Password.

 

Thank you!

Password

Password.

Incorrect password

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Portfolio5.

Incorrect password

Add to Page Settings > Advanced > Header

(if you use Personal Plan > Edit Page > Add Code Block)

<style>
  figcaption.image-caption-wrapper {
    max-height: unset !important;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...