Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Removing top and bottom padding on a portfolio section

By tonicastudio, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

tonicastudio Level 4

tonicastudio

Posted
Posted (edited)

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
  • Replies 4
  • Views 741
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

#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:

Posted Images

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted

#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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

tonicastudio Level 4

tonicastudio

Posted
  • Author
Posted

@tuanphan thank you! Sorry, I have a couple of different threads going, asking questions in different places. 

But this works great, thank you so much!! But now, there's an issue with the images on hover. They are cutting in half on desktop, but working fine on mobile. any idea why that is?  

tonicastudio Level 4

tonicastudio

Posted
  • Author
Posted
6 minutes ago, tuanphan said:

Okay. I'm checking it again

@tuanphan thank you! and I just checked my site in an incognito browser and it's all working good on my end. Let me know if you have trouble accessing it now. 

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources