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

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

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

Share this post


Link to post

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


Share this post


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?

Share this post


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?

Share this post


Link to post
  • 0

Oh my god, this is AMAZING!!! Worked PERFECTLY! I can't thank you enough @tuanphan !!!

Share this post


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?

Share this post


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...