fabrizi Posted July 27, 2020 Share Posted July 27, 2020 Site URL: https://www.kevinfabrizi.com I am having a mind numbing issue with some simple css. I have a code block with image image swap. It looks great in editor mode but on the live site the first image is expanding outside of the appropriate image block. The roll over image is correct however. Not really sure what the issue is. Any ideas? www.kevinfabrizi.com Here is my CSS .image-swap img:nth-child(1) { position: absolute; transition: 0s; } .image-swap img:nth-child(1):hover { position: absolute; opacity: 0; } Link to comment
tuanphan Posted July 28, 2020 Share Posted July 28, 2020 Hi. It looks like you solved the problem? 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
KaijuCorgi Posted August 16, 2020 Share Posted August 16, 2020 I was having the exact same issue! How did you solve it @fabrizi? Link to comment
tuanphan Posted August 17, 2020 Share Posted August 17, 2020 On 8/16/2020 at 10:08 AM, KaijuCorgi said: I was having the exact same issue! How did you solve it @fabrizi? If you share link to page where you use code block. We can take a look 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
KaijuCorgi Posted August 17, 2020 Share Posted August 17, 2020 @tuanphanI ended up switching back to standard Squarespace social icons, but here's my original thread on the issue: Link to comment
katelouisemoras Posted August 18, 2020 Share Posted August 18, 2020 Hi all, was there a solution to this? I am also having this exact same issue here --> https://www.thisishustle.com/our-community It all looks fine in editor mode though. Link to comment
katelouisemoras Posted August 18, 2020 Share Posted August 18, 2020 15 hours ago, katelouisemoras said: Hi all, was there a solution to this? I am also having this exact same issue here --> https://www.thisishustle.com/our-community It all looks fine in editor mode though. I found a solution on the original tutorial I followed. In case anyone has the same problem here is a link - solution in comments. It has to do with padding vs margin. Link to comment
sarahjohanna Posted August 19, 2020 Share Posted August 19, 2020 How does the image swap work on a main page where you can't add the code section? Link to comment
tuanphan Posted August 20, 2020 Share Posted August 20, 2020 17 hours ago, sarahjohanna said: How does the image swap work on a main page where you can't add the code section? Can you share link to main page? WE can check easier. 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
sarahjohanna Posted August 20, 2020 Share Posted August 20, 2020 1 hour ago, tuanphan said: Can you share link to main page? WE can check easier. www.sarahkoester.com Link to comment
tuanphan Posted September 7, 2020 Share Posted September 7, 2020 On 8/20/2020 at 7:12 PM, sarahjohanna said: www.sarahkoester.com Have you found this yet? 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
Archived
This topic is now archived and is closed to further replies.