Jump to content

7.1 Portfolio: Hover, Follow Cursor Vertical Padding

Recommended Posts

Site URL: https://www.rotaterecordings.com/portfolio-3

Hi, 

 

I am trying to reduce the padding on my portfolio page, which I have at the moment using this code:

 

/* PORTFOLIO HEIGHT */
@media screen and (min-width:992px) {
.portfolio-hover {
    min-height: unset !important;
    height: 50vh !important;
}
.portfolio-hover-display {
    height: 100% !important;
    min-height: unset !important;
}
[data-section-id="627dbc08e4e4413a0d2d21f2"] {
    height: 50vh !important;
}}

 

 

The only issue is, it then effects the images on hover, where they are not placed on the words, namely; 'New Records', 'All records', 'Subscriptions', 'Bargain Bin'.

 

Does anyone know how I can fix this?

 

https://www.rotaterecordings.com/portfolio-3

 

Thanks in advance.

 

Screen Shot 2022-05-23 at 2.27.37 pm.png

Link to comment
  • Replies 0
  • Views 228
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.