mixedbyandrea
-
Posts
12 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by mixedbyandrea
-
Hi @tuanphan on larger resolution displays it looks like this ⬇️ Not sure how to fix it. cheers
-
Hi @tuanphan sorry to bother again, any idea on how could I achieve this ? thanks a lot!
-
Absolutely, I'd like to get it to look always like this attached - no matter the display resolution? Thanks a lot ! A
-
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 !
-
Hey @tuanphan I’d love to, but not sure how thanks a million ! A
-
@tuanphan thanks sooo v much for this man worked like a charm ! Cheers A
-
so weird here's how I see it in Chrome Mac
-
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
-
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
-
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
-
Hey man, thanks so much for your reply Pw S@ulGr3n4ds Cheers
-
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
