PartTwoDesign Posted July 1, 2021 Share Posted July 1, 2021 Site URL: https://ellipsoid-algae-rphj.squarespace.com/ Hi, I am wanting to align an image to the bottom of a section. I have an image of a laptop screen that I would like to snap to the bottom of the section without any padding. Would anybody have any thoughts on how to achieve this? Site password is: TA3 Thanks, Chris Link to comment
Solution tuanphan Posted July 2, 2021 Solution Share Posted July 2, 2021 Add to Design > Custom CSS /* align bottom image */ [data-section-id="60dc52c148fd727d3ece954e"] .content-wrapper { padding-bottom: 0px !important; } div#block-yui_3_17_2_1_1625065456004_8072 { padding-bottom: 0; } PartTwoDesign 1 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
PartTwoDesign Posted July 2, 2021 Author Share Posted July 2, 2021 (edited) Thanks @tuanphan, that worked perfectly! I noticed that on mobile it still doesn't snap to the bottom. Is there any way to also get this working on mobile? Thank you so much for the help! Chris Edited July 2, 2021 by PartTwoDesign Link to comment
tuanphan Posted July 3, 2021 Share Posted July 3, 2021 18 hours ago, PartTwoDesign said: Thanks @tuanphan, that worked perfectly! I noticed that on mobile it still doesn't snap to the bottom. Is there any way to also get this working on mobile? Thank you so much for the help! Chris Use new code /* align bottom image */ [data-section-id="60dc52c148fd727d3ece954e"] .content-wrapper { padding-bottom: 0px !important; } div#block-yui_3_17_2_1_1625065456004_8072 { padding-bottom: 0 !important; } PartTwoDesign 1 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
PartTwoDesign Posted July 8, 2021 Author Share Posted July 8, 2021 That worked! Great! Thank you for all the help @tuanphan Link to comment
birdi88 Posted March 1, 2022 Share Posted March 1, 2022 @tuanphan I tried this code and it's not working. I dropped it in custom CSS but nothing happens. Am I doing something wrong? And will this apply it to all images? Link to comment
tuanphan Posted March 3, 2022 Share Posted March 3, 2022 On 3/1/2022 at 9:23 AM, birdi88 said: @tuanphan I tried this code and it's not working. I dropped it in custom CSS but nothing happens. Am I doing something wrong? And will this apply it to all images? Each case needs a differrent code. Can you share link to page where you have problem? 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
Homiromiro Posted October 10, 2022 Share Posted October 10, 2022 Could someone please help me with the same issue. I have copied and pasted the suggested CSS but am not getting the desired effect. Interestingly, it seems to work in mobile, but not in standard web view. https://kangaroo-nectarine-wrhx.squarespace.com/ Password: forumpassword Link to comment
tuanphan Posted October 12, 2022 Share Posted October 12, 2022 On 10/11/2022 at 2:37 AM, Homiromiro said: Could someone please help me with the same issue. I have copied and pasted the suggested CSS but am not getting the desired effect. Interestingly, it seems to work in mobile, but not in standard web view. https://kangaroo-nectarine-wrhx.squarespace.com/ Password: forumpassword The site is private. Can you check it again? 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