Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Wells Template, Gallery Page - How to add padding?


Recommended Posts

I have a gallery page on the Wells template, but the images don't really breathe.

I feel like adding more padding around the images would help. 

Or a code to have them all stack along the page.

Can anyone help me with some code?

Thank you.

Link to post
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Try this. Insert it in the Custom CSS area (after any other code if you have any) and change the height and width to get the spacing you want.  .collection-type-gallery #thumbnails .thumb { ba

Thank you Colin! Much better now. You're an internet hero.

add !important to after eg: width: 40% !important;

Posted Images

Try this.

Insert it in the Custom CSS area (after any other code if you have any) and change the height and width to get the spacing you want. 

.collection-type-gallery #thumbnails .thumb {
	background-color: #fff;
}

.collection-type-gallery #thumbnails .thumb img {
    width: 90%;
    height: 90%;
}

 

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to post
  • 6 months later...

Hi guys hope you are well..

A newbie really to Squarespace CSS, but just catching up on this. Trying to add padding to the masonry page under gallery and this code doesn't seem to work. It actually just lingers in the header CSS! Have you managed to increase the padding size around the masonry images pages? 

Thanks so much

Link to post
On 5/13/2020 at 7:12 AM, BenjaminWPhoto said:

Hi guys hope you are well..

A newbie really to Squarespace CSS, but just catching up on this. Trying to add padding to the masonry page under gallery and this code doesn't seem to work. It actually just lingers in the header CSS! Have you managed to increase the padding size around the masonry images pages? 

Thanks so much

Can you share link to masonry page?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 3 months later...
2 hours ago, Lalie said:

Hi there - I also have a Wells gallery that's in need of  more air / white space. I tried your code Colin, - added it to the Custom CSS area and changed the % - but nothing is happening... I'd grateful of some help. Thanks 
https://valeriewartelle.co.uk/portfolio

add !important to after

eg: width: 40% !important;

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post

Thank you tuanphan - something did work, but seemed to truncate either width or height of the full uploaded images, not the thumbs, so not looking right.  Screenshots below before and after. Any suggestions? Thanks

Screenshot 2020-09-01 at 16.54.36.png

Screenshot 2020-09-01 at 16.49.59.png

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...