Navigation
Archive / Promo Widget
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 12, 2016 at 9:41 pm #1214014
    LDudIdea
    Participant

    Is it possible to add colored opacity to the image on a promo widget?

    October 12, 2016 at 9:45 pm #1214017
    LDudIdea
    Participant
    This reply has been marked as private.
    October 13, 2016 at 2:59 am #1214270
    Lely
    Moderator

    Hi There,

    Upon checking, I can see that you have achieved this already by adding it on the image. Please confirm.

    October 13, 2016 at 8:43 pm #1215549
    LDudIdea
    Participant
    This reply has been marked as private.
    October 14, 2016 at 12:24 am #1215735
    Friech
    Moderator

    Hi There,

    Those color overlay are already on the image before it was uploaded on the site. With that said edit your images on image editor (e.g. Photoshop) first before you upload it.

    http://demo.theme.co/church/wp-content/uploads/sites/63/2015/08/ministry-youth.jpg

    If you need custom CSS to achieve that, you can add this under Custom > CSS in the Customizer.

    .promo-overlay .x-promo-image-wrap {background-color: rgb(35, 131, 133);}
.promo-overlay .x-promo-image-wrap img {opacity: 0.5;}

    Then apply the class promo-overlay to those Promo elements that you want to have an overlay color.

    If this does not work, please add the actual images on your Promo elements, so we can take a closer look.

    Thanks.

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