Jump to content

mixedbyandrea

Member
  • Posts

    12
  • Joined

  • Last visited

mixedbyandrea's Achievements

  1. Hi @tuanphan on larger resolution displays it looks like this ⬇️ Not sure how to fix it. cheers
  2. Hi @tuanphan sorry to bother again, any idea on how could I achieve this ? thanks a lot!
  3. Absolutely, I'd like to get it to look always like this attached - no matter the display resolution? Thanks a lot ! A
  4. Hey @tuanphan thank you sooo much. that seems to work really well. Can I be v cheeky and ask your advise on how to sort the top design on bigger screens ? this is how the header and text at the top L ook like on a 2560x1440 px display - full screen. Do you happen to know how can I sort this to properly fit on bigger screens ? thanks a lot for all your great help !
  5. Hey @tuanphan I’d love to, but not sure how thanks a million ! A
  6. @tuanphan thanks sooo v much for this man worked like a charm ! Cheers A
  7. Hey @tuanphan yes I did, actually but they don’t work unfortunately I’ve updated the link now in that same page so you can check it out Cheers
  8. Hey @tuanphan I've duplicated that home here www.andrealepori.com/test Removed a href from the first 4 images Let me know if t helps at all? Cheers
  9. hey @tuanphan I've just applied a simple <a href to the actual descriptions - not the best solution but a bit of a quick workaround I'd say. Still need to figure out how to make every image clickable despite the caption being on hover and the scale transform. If that makes any sense.... Cheers
  10. Site URL: https://www.andrealepori.com Hey guys, Hope you're all doing well, I am having some trouble using a CSS custom code in order to make nicer captions on my new website. The idea would be to have my credits for each album showing up on hover while being linkable to an external url (spotify) Anyone could help me with this? I am currently using this bit of CSS, but can't make the links working?being clickable again. Hope it makes some sense figure.gallery-masonry-item { position: relative; } .gallery-caption { position: static; } .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 1 !important; } figure.gallery-masonry-item .gallery-masonry-item-wrapper:before { background-color: rgba(0,0,0,0.7); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; opacity: 0; transition: all 0.5s; } figure.gallery-masonry-item:hover .gallery-masonry-item-wrapper:before { opacity: 0.6; transition: all 0.5s; } figcaption { padding: 0 !important; } mba_website.mov
×
×
  • 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.