Guest Posted July 29, 2020 Share Posted July 29, 2020 Site URL: https://blenny-plums-wnna.squarespace.com/work-1 Website Password: Hellothere Hi, I am using the Card Image Block and I can't center align the content inside so that the image and the text are both centered inside the card. (Please see screenshot below) This is what I have tried: - Using the Squarespace Block Identifyer to get the blocks' numbers - Adding these custom css: .block-yui_3_17_2_1_1595587238787_9478{ align-items:center } - Changing the block numbers but nothing worked. I have also read the following articles to get some help but it did not work out either:https://www.will-myers.com/articles/how-to-center-image-cards-to-the-text-in-squarespacehttps://stackoverflow.com/questions/36108509/looking-for-centralising-an-image-in-html-blocks-on-squarespace Thank you for the help! _______ Link to comment
tuanphan Posted July 30, 2020 Share Posted July 30, 2020 Hi. Add to Home > Design > Custom CSS div#page-section-5f1abad50975ca2cc4cc2d04 .span-12>.row { display: flex; align-items: center; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guest Posted July 31, 2020 Share Posted July 31, 2020 9 hours ago, tuanphan said: Hi. Add to Home > Design > Custom CSS div#page-section-5f1abad50975ca2cc4cc2d04 .span-12>.row { display: flex; align-items: center; } Hello, thank you so much for helping out, it's working!! I would like to do it for all my blocks and it's not working this time, do you happen to know why? For example, for the block underneath, I have tried this but it does not work: div#page-section-5f1ab909c92dd520159cd75c .span-12>.row { display: flex; align-items: center; } I have also tried with the Yui ID... Thank you! @tuanphan Link to comment
tuanphan Posted August 2, 2020 Share Posted August 2, 2020 Code for 2nd section div#page-section-5f1ab909c92dd520159cd75c>.row { display: flex; align-items: center; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment