Navigation
Archive / Black overlay over section background image
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 9, 2017 at 9:47 pm #1401459
    Adrian T
    Participant

    Hi I was trying to add a black overlay to a background image in a section, however when I insert the code below the parallax stops working and no overlay is shown.

    
.section-overlay {
  background-color: rgba(0,0,0,.5);
   width: 100%;
  height: 100%;
 
}
    March 9, 2017 at 9:48 pm #1401460
    Adrian T
    Participant
    This reply has been marked as private.
    March 10, 2017 at 12:50 am #1401580
    Friech
    Moderator

    Hi There,

    Thank you for writing in! You can add this under Custom > CSS in the Customizer.

    #s1 {position: relative;}
#s1:before {
 	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  display: block;
}

    Hope it helps, Cheers!

    March 10, 2017 at 1:47 pm #1402229
    Adrian T
    Participant

    Thanks worked like a charm!

    March 10, 2017 at 7:34 pm #1402597
    Friech
    Moderator

    You’re more than welcome, glad we could help.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1401459 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>