Jump to content

Portfolio Page Image Position on Hover

Recommended Posts

Hello. Looking to adjust the position of the image that appears when I hover over the text on the right. You can see what is happening in the image at the bottom. I would like the image to appear to the right in a browser and don't want an image to appear for mobile. I can't seem to find the "section" or ID of the image to target it! 

PW: MarkKlett!!

Thanks!
image.thumb.png.bd6940235bfc590c73968d9ecc95a37b.png

image.thumb.png.b8e0dc8fcda29ae8777354eff33a24f7.png

Edited by Butters82
Link to comment
  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • Butters82 changed the title to Portfolio Page Image Position on Hover

Use CSS code

@media screen and (min-width: 768px) {
[data-section-id="64a88148a6c2325131283a0a"] .portfolio-hover-backgrounds {
    top: 0 !important;
    left: unset !important;
    right: 20% !important;
}}
[data-section-id="64a88148a6c2325131283a0a"] .portfolio-hover-backgrounds-wrapper, 
[data-section-id="64a88148a6c2325131283a0a"] .portfolio-hover-bg {
    width: 100% !important;
    height: 100% !important;
}
[data-section-id="64a88148a6c2325131283a0a"] .portfolio-hover-backgrounds {
    left: 60vw !important;
    width: 25vw !important;
    height: 25vw !important;
}

 

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.