Jump to content

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

By zoersdn, in Customize with code

Go to solution Solved by Beyondspace,

Recommended Posts

  • Replies 2
  • Views 219
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

zoersdn
zoersdn

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

Posted Images

  • Solution
Beyondspace Level 14

Beyondspace

Posted
  • Solution
Posted
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
tuanphan Level 17

tuanphan

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

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