PartTwoDesign Posted July 1, 2021 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
Solution tuanphan Posted July 2, 2021 Solution 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
PartTwoDesign Posted July 2, 2021 Author 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
tuanphan Posted July 3, 2021 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
PartTwoDesign Posted July 8, 2021 Author Posted July 8, 2021 That worked! Great! Thank you for all the help @tuanphan
birdi88 Posted March 1, 2022 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?
tuanphan Posted March 3, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Homiromiro Posted October 10, 2022 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
tuanphan Posted October 12, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment