anvnguyen

Thank you so much @tuanphan!! 📣📣📣

@tuanphanThank you so much, it worked!!👏

Never mind - got it to work on both buttons! If anyone knows how I can also remove the border color while hover it would be amazing!

Site URL: https://www.anvnguyen.com/work Hi all! Is there a way to italicize the bottom navigation buttons on this site? https://www.anvnguyen.com/work (the "About" and "Art" buttons on this page for example). Even better if I could change the color on hover as well. Thank you so so much!

Thank you @noahawaii!! For some reason it's working on my contact button but not newsletter. I'm also wondering if there's a way to make the button border the same color with the button background while hovering as well? TIA! 👏👏

Site URL: https://www.anvnguyen.com/home/contact Hi there! I'm looking to change the newsletter and contact buttons to a different color on hover. I've tried a few different CSS but nothing seems to work =( Ideally it goes from transparent with the colored border, to a different solid color on hover. Hope you can help, thank you so much!

@tuanphan It worked!! Thank you so so much!

Site URL: https://www.anvnguyen.com/ Hi there! I'm adding grid gallery caption on hover using the CSS below, which includes the ability to make lightbox work. The hover caption is showing perfectly, but lightbox is not working... The gallery is on https://www.anvnguyen.com/home/art. Would really appreciate your help!! 🙂 .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1.3rem !important; /* caption font size */ color: #F7EDE4; /*caption font color */ text-align: center; /*padding: 16px;*/ max-width: 85%; } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } .gallery-grid-lightbox-link:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }