Jump to content

How to add padding on stacked images for mobile view

Recommended Posts

Site URL: http://cutandrunhair.squarespace.com

Hey, I was wondering if someone could lend me a hand!

I'm checking through the mobile view on my site, and on desktop there are 2 columns side-by-side. Once stacked, the padding between these elements where the column breaks is very tight, is there a custom CSS I can add in to include padding here? 

 

The first image is how the two columns are on desktop side-by-side. The second shows the end of the first column & the start of the second column (the image), but being stacked on mobile. I would like more space between the end of the black box + the image, if possible. Thank you!  

 

Password to site: SPCR123

Screenshot 2021-03-28 at 21.42.54.png

Screenshot 2021-03-28 at 21.43.07.png

Link to comment
  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply
On 4/3/2021 at 11:00 PM, JW95 said:

Yes absolutely, it's within 'team' page

 

https://cutandrunhair.squarespace.com/team

Hi. Add to Design > Custom CSS

/* team spacing */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1616958694304_12066 {
    margin-bottom: 40px;
}
}

 

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

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.