hannahpellatt

I'm hoping to achieve something like this (attached image) so that the icons are aligned with the text above. Any ideas?!

Yes that's the one!

Amazing! Worked perfectly except that I'd like the text to be center aligned too... do I access that in the code with image-text ?

I'd like to keep them as single columns (which is how Squarespace has optimised them for mobile) but if you can see, they don't align. One has more spacing on the left, and the other has more spacing on the right?

Site URL: https://pentagon-snail.squarespace.com/work-with-me I'd like to centre align the text and button here, for mobile only – I've worked out that the block-id is block-19e83a1f88fdd3e23066 but struggling to find the right custom css to fix the alignment issue. Site password: kerri2021

Site URL: https://pentagon-snail.squarespace.com/work-with-me A tricky one for you – I'm trying to work out how to fix the alignment of two sections of text within one block. On desktop, this block features two columns of text... on mobile, each block of text is shifted to one side... Any thoughts/fixes are much appreciated. Site password: kerri2021

Site URL: https://pentagon-snail.squarespace.com/contact They appear absolutely fine on desktop, but when you switch to mobile, they no longer align with the text... how do I access them in my code, simply social-icons ? Also, is there any way to add left and right padding to this contact form? THANK YOU! Site password: kerri2021

Site URL: https://pentagon-snail.squarespace.com I've almost worked out how to do this but I must have something missing... simply want to increase the left and right padding here so that the images and line lengths shrink down. TIA. Site page: Work with me Site password: kerri2021

@tuanphan I need to do the same on the About page of the site... what needs to change in the above css? Just the part about which page it's on?

Site URL: https://pentagon-snail.squarespace.com/lead-magnet I'm hoping I can switch out a block with an image background, to the same block but with a coloured background only. Have a look and you'll see what I mean – looks great on desktop but on mobile, not so good! I also need to add work out how to add padding to the button in that block so that it aligns with the text above it (again, on mobile only) Thank you in advance for any help you can give me! Site password: kerri2021

That worked perfectly, thank you so much.

I got the same result, thank you! I'm wondering if it's possible to reduce the spacing between image and text even further... any tips?

Site URL: https://pentagon-snail.squarespace.com/lead-magnet Hey guys – I'm trying to move the text and image together on this banner. If anyone can work out the custom CSS for me – and also any tips on how to fix similar problems in the future so I don't have to bother you lot... Thank you! Password: kerri2021

Site URL: https://pentagon-snail.squarespace.com I know there must be a way to do this but I can't find any threads on this topic! As you'll see in the screenshot, the Collage layout doesn't look great on mobile. If possible, I want to switch the layout to Stack. Thank you in advance for any guidance Website password is: kerri2021

Amazing, thank you, this was perfect.