Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Image hovers too high over header - how can I change?


zoersdn

Question

Site URL: https://www.zoedean.design/

Hey, I'm having issue with this layout and moving the hover image down so it doesn't overlap with the header. Does anyone know what CSS I need?

 

Also, is there a way to change the colour of the title when I hover over it? It's orange atm but I'd like it to be the background colour when I hover so it stands out more on the images.

 

Thanks!

Screenshot 2021-07-20 at 18.02.59.png

Link to comment

2 answers to this question

Recommended Posts

  • 0
8 hours ago, zoersdn said:

Site URL: https://www.zoedean.design/

Hey, I'm having issue with this layout and moving the hover image down so it doesn't overlap with the header. Does anyone know what CSS I need?

 

Also, is there a way to change the colour of the title when I hover over it? It's orange atm but I'd like it to be the background colour when I hover so it stands out more on the images.

 

Thanks!

Screenshot 2021-07-20 at 18.02.59.png

try

#collection-60f5bcdaaec3a96358db2fe9 main .page-section:first-child {
  padding-top: 174px;
}
.portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title:hover {
    color: #efe2d1;
}

image.thumb.png.2108d7d8a018755476ea4735f6478b9d.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
On 7/21/2021 at 12:05 AM, zoersdn said:

Site URL: https://www.zoedean.design/

Hey, I'm having issue with this layout and moving the hover image down so it doesn't overlap with the header. Does anyone know what CSS I need?

 

Also, is there a way to change the colour of the title when I hover over it? It's orange atm but I'd like it to be the background colour when I hover so it stands out more on the images.

 

Thanks!

Screenshot 2021-07-20 at 18.02.59.png

Do you need to fix these?

Site URL: https://www.zoedean.design/
1. (Tablet – Overlay menu) It is so difficult to see menu items and social icons

zoedean.design-01-min.png

2. (Mobile – Overlay menu) The same here

zoedean.design-02-min.png

3. (Tablet – Footer) Reduce space under social icons and email

zoedean.design-03-min.png

4. (Tablet – About) Want to increase text width?

https://www.zoedean.design/about

zoedean.design-04-min.png

5. (Tablet – Homepage) Reduce space

zoedean.design-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

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