Jump to content

Removing top and bottom padding on a portfolio section

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: http://tonicabrandstudio.com

I'm trying to decrease/remove the top and bottom padding on this portfolio section, as shown in the attached picture. Any ideas how to do this?

Q2: is there a way to insert text into a portfolio section? If not, I guess I can just add another section on top once the padding is removed.  

Right now I have the portfolio set to hover: follow cursor

site: tonicabrandstudio.com
pw: australia 
go to menu>example 

Thank you!!

Screen Shot 2022-01-25 at 1.26.19 PM.png

Edited by tonicastudio
extra info
Link to comment
  • Solution

#1. Use this CSS

@media screen and (min-width:768px) {
[data-section-id="61ed52923ad0a2796cf80056"] {
    min-height: 30vh !important;
    height: 50vh;
.portfolio-hover-display {
    min-height: unset !important;
    height: 100% !important;
[data-section-id="61ed52923ad0a2796cf80056"] .content-wrapper {
    height: 100% !important;

#2. Add this CSS

[data-section-id="61ed52923ad0a2796cf80056"] .portfolio-hover-items:before {
    content: "Enter text here";
    font-family: 'ClassicoBold';
    font-size: 30px;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

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