Jump to content

I want to edit the padding around the links to my projects.

Recommended Posts

Site URL: https://armadillo-ruby-cmdk.squarespace.com/

Hello!

I am using the Hawley template. This template has a block which has a list of texts on the left, and when clicked, lead you the the respective page for each project.

I want to change the amount of padding on the top and left of the texts. To 20px on the left and top. They are currently at 125.3px. I managed to change it in inspect element, but could not figure out how to do it in the custom css window on squarespace.

website password is: wijdesign

any help is appreciated!

 

Also, If it is possible to make the display image that fades in when hovering over the text smaller, like 500x500 that would be amazing too.

Thanks!

Link to comment
  • Replies 2
  • Views 539
  • Created
  • Last Reply

Hi

Use this code in Design -> Custom CSS

.portfolio-hover[data-mode="hover-cover"] .portfolio-hover-items-list {
    padding: 20px !important;
}

You used full width images, Need to change them and replace with cropped images to change the exact size.

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
19 hours ago, IXStudio said:

Hi

Use this code in Design -> Custom CSS


.portfolio-hover[data-mode="hover-cover"] .portfolio-hover-items-list {
    padding: 20px !important;
}

You used full width images, Need to change them and replace with cropped images to change the exact size.

Please use the like button if it helps you!

Best,
Leopold

Awesome thank you so much! 

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.