laura5 Posted September 18, 2019 Share Posted September 18, 2019 (edited) Hi there!I'm trying to add an overlay on my Instagram block to "tone down" the colors so it doesn't look like it's part of my site, if you know what I mean. Here's the effect I'm trying to achieve (scroll down to bottom of her page..."Follow us" row): https://www.danareedyhomes.com/ Thanks in advance for your help! Edited September 18, 2019 by riverdog77 Initial Revision Link to comment
tuanphan Posted September 19, 2019 Share Posted September 19, 2019 @riverdog77 you can try some custom code. But you should share your site url first to community can check code. 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
laura5 Posted September 19, 2019 Author Share Posted September 19, 2019 @tuanphan The site isn't actually live yet; it's password protected for now. Not sure of protocol of putting up the password in these forums. Is that normal? Link to comment
laura5 Posted September 19, 2019 Author Share Posted September 19, 2019 @tuanphan The site isn't actually live yet; it's password protected for now. Not sure of protocol of putting up the password in these forums. Is that normal? Link to comment
tuanphan Posted September 19, 2019 Share Posted September 19, 2019 @riverdog77 you can share url & password 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
laura5 Posted September 19, 2019 Author Share Posted September 19, 2019 @tuanphan Ah okay...thanks! Site is: https://cyan-oarfish-gbna.squarespace.compassword: regan Link to comment
laura5 Posted September 19, 2019 Author Share Posted September 19, 2019 @tuanphan Ah okay...thanks! Site is: https://cyan-oarfish-gbna.squarespace.compassword: regan Link to comment
Solution tuanphan Posted September 20, 2019 Solution Share Posted September 20, 2019 @riverdog77 add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1568833937558_4052 .margin-wrapper { position: relative; } div#block-yui_3_17_2_1_1568833937558_4052 .margin-wrapper a:before { position: absolute; content: ""; background: rgba(0,0,0,0.5); left: 0; right: 0; top: 0; bottom: 0; z-index: 100; display: block; } div#block-yui_3_17_2_1_1568833937558_4052 .margin-wrapper a:hover:before { opacity: 0; } sjet 1 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
laura5 Posted September 20, 2019 Author Share Posted September 20, 2019 Oh my god, this is AMAZING!!! Worked PERFECTLY! I can't thank you enough @tuanphan !!! Link to comment
tuanphan Posted September 20, 2019 Share Posted September 20, 2019 @riverdog77 You can Accept Answer. Other member can use if they know the code worked. Thanks. sjet 1 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
tuanphan Posted September 20, 2019 Share Posted September 20, 2019 @riverdog77 When hovering over the image, the cursor has changed (users may think that the image is not clickable). Do you want to change it the same as the original? 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
laura5 Posted September 20, 2019 Author Share Posted September 20, 2019 This was the perfect solution! Thank you @tuanphan! Link to comment
DarbyDesign Posted March 2, 2021 Share Posted March 2, 2021 Hi @tuanphan, how do I also apply the code to instagram videos? The effect is perfect but does not apply to videos in the instagram feed. Thanks! Link to comment
tuanphan Posted March 6, 2021 Share Posted March 6, 2021 On 3/2/2021 at 5:44 PM, DarbyDesign said: Hi @tuanphan, how do I also apply the code to instagram videos? The effect is perfect but does not apply to videos in the instagram feed. Thanks! Can you share link to page where you use instagram feed? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment