Jump to content

How can I reduce the top and bottom padding of a Portfolio Page (Hover: Fixed style)

Recommended Posts

  • Replies 9
  • Views 864
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...
On 11/12/2020 at 6:32 AM, mess_cal said:

Try this CSS out!

.portfolio-hover-display {
    margin-top: -200px;
}

 

Hey there, this worked perfectly! Thanks! I have the same question, can you remove the padding from the bottom as well? I thought it would be as simple as adding margin-bottom but doesn't seem to be working. Thank you!

Link to comment
20 hours ago, tonicastudio said:

Hey there, this worked perfectly! Thanks! I have the same question, can you remove the padding from the bottom as well? I thought it would be as simple as adding margin-bottom but doesn't seem to be working. Thank you!

Can you share link to a page where you want to reduce padding? I think we need another code.

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!)

Link to comment
22 hours ago, tonicastudio said:

Oh btw, I've since removed the above code you've provided. So now you'll see the text sits in the middle of the section once again with excessive padding on top and bottom. Just trying to get rid of the padding.

It looks like you solved? 

Also, i see you have some invalid code. Yellow triangle is invalid code. You can remove them.

image.thumb.png.faeae93a38449e7bc8b2f88d18b11f47.png

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!)

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.