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

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.

Share this post


Link to post

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

Share this post


Link to post

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

Share this post


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 faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


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