Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Would like to add an overlay to my Instagram block...help?


laura5
Go to solution Solved by tuanphan,

Question

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 by riverdog77
Initial Revision
Link to post
  • Answers 13
  • Created
  • Last Reply

Top Posters For This Question

13 answers to this question

Recommended Posts

  • 0

@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;
}


Link to post
  • 0

@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 post
  • 0

@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 post
  • 0

@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?

Link to post
  • 0
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

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...