itsbreezy

that worked perfectly, thank you!

hi there, I've followed the guidance on this thread and have successfully added bandcamp and amazon icons from fontawesome in my header. however, i'm trying to have the same replacement icons in the footer, and ideally anytime a social block is used. can you help adjust the code? goldlakeband.com pw: gold .header .icon { font-family: "Font Awesome 5 Brands"; color: #F8ECF6; display: flex; align-content: center; align-items: center; } .icon[href*="bandcamp"] svg{ display: none; } .icon[href*="bandcamp"]:before { content: "\f2d5"; } .icon[href*="amazon"] svg{ display: none; } .icon[href*="amazon"]:before { content: "\f270"; }

Thank you tuanphan!!

Hi, I am dealing with something similar. I've used the code you've provided to achieve the full overlay on hover w/ text from inline caption. My challenge now is that I cannot get the text to be centered over the image, it is towards the top. If I were to just add some spacing to the text, it would mess things up for mobile. Any help would be appreciated! Website: https://www.wearerareform.com/