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/

Site URL: https://www.coucouchloe.com/one I've had the same issue multiple time now, where I essentially have an image too large for the block and squarespace does not sufficiently resize the image smaller, which causes it to be cut off unless I drag the image block to be larger. I can resize the image itself, but I'm concerned that if I make it too small, then I risk distortion on larger screens. If I try to edit the photo within squarespace, there isn't a way to essentially "zoom out." In this particular case I'll need to also change the image dimensions to 16:9 with transparent background on each side of the image to match the video block and have them line up correctly as well. https://www.coucouchloe.com/one pw: chloe

@bangank36 hi thank you so much! this works great for desktop but everything gets messed up on mobile preview 😞

Site URL: https://www.coucouchloe.com/ I am trying to have a newsletter block and social icons block sit side by side and have the blocks essentially be the same size so that all the text and icons line up. I've tried adding some CSS to remove padding on the newsletter block, and i've tried setting this up as a regular page and as a footer, and I can't seem to get anywhere. pw: chloe thanks!