laura5 Posted September 18, 2019 Posted September 18, 2019 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!
tuanphan Posted September 19, 2019 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
laura5 Posted September 19, 2019 Author 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?
laura5 Posted September 19, 2019 Author 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?
tuanphan Posted September 19, 2019 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
laura5 Posted September 19, 2019 Author Posted September 19, 2019 @tuanphan Ah okay...thanks! Site is: https://cyan-oarfish-gbna.squarespace.compassword: regan
laura5 Posted September 19, 2019 Author Posted September 19, 2019 @tuanphan Ah okay...thanks! Site is: https://cyan-oarfish-gbna.squarespace.compassword: regan
tuanphan Posted September 20, 2019 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; } 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!)
laura5 Posted September 20, 2019 Author Posted September 20, 2019 Oh my god, this is AMAZING!!! Worked PERFECTLY! I can't thank you enough @tuanphan !!!
tuanphan Posted September 20, 2019 Posted September 20, 2019 @riverdog77 You can Accept Answer. Other member can use if they know the code worked. Thanks. 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!)
tuanphan Posted September 20, 2019 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
laura5 Posted September 20, 2019 Author Posted September 20, 2019 This was the perfect solution! Thank you @tuanphan!
DarbyDesign Posted March 2, 2021 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!
tuanphan Posted March 6, 2021 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.