zoersdn Posted July 20, 2021 Share Posted July 20, 2021 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! Beyondspace 1 Link to comment
Solution Beyondspace Posted July 21, 2021 Solution Share Posted July 21, 2021 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! try #collection-60f5bcdaaec3a96358db2fe9 main .page-section:first-child { padding-top: 174px; } .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title:hover { color: #efe2d1; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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 Posted July 23, 2021 Share Posted July 23, 2021 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! 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 2. (Mobile – Overlay menu) The same here 3. (Tablet – Footer) Reduce space under social icons and email 4. (Tablet – About) Want to increase text width? https://www.zoedean.design/about 5. (Tablet – Homepage) Reduce space Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment