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

mixedbyandrea

Member
  • Posts

    12
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  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...