Jump to content

How do I align an image to the bottom of a section?

Go to solution Solved by tuanphan,

Recommended Posts

  • Solution
Posted

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;
}

 

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!)

Posted (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 by PartTwoDesign
Posted
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;
}

 

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!)

  • 7 months later...
Posted
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!)

  • 7 months later...
Posted
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!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.