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

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!

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

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!