Home Forums SEA WordPress Theme Grey to colored image

This topic contains 3 replies, has 2 voices, and was last updated by  SeaTheme 2 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #19084

    candela
    Participant
    Purchased

    Hello!

    We seem to have a problem with the filter Grey to colored image. It is applied, it is shown in the BMBuilder while we are editing the page, but when we publish it, it seems like it’s not active.

    This is the link of the site we’re currently trying to show this effect. Every photo but the cover it’s supposed to be Grey To Coloured.

    also, is it in any way possible to change the effect of greyscale to red?

    Thank you! 🙂

    #19091

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    Sorry, it is a bug, we will update it soon.

    The quick fixing way:
    Please find: /plugins/bm-builder/include/templates/modules/module-single-image.php
    line 225, replace as:
    $html .= '<img alt="'.esc_attr( $imageTitle ).'" class="single-image-img ' .sanitize_html_class( $grayEffect ). '" src="' .esc_url( $imageUrl ). '" srcset="'.wp_kses_post( $imageSrcset ).'" sizes="'.wp_kses_post( $imageSizes ).'" '.sanitize_text_field( $thumbWH ).' '.sanitize_text_field( $widthStyle ).' />';

    Thanks for reminding!

    Regards!
    SeaTheme – SeaTheme.netTwitterFacebook

    #19103

    candela
    Participant
    Purchased

    hello again!

    We tried that and didn’t work… Would you know another solution or why it doesn’t work?

    thank you!!

    #19108

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    also, is it in any way possible to change the effect of greyscale to red?

    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

    .grayscale, .bm-colored-to-gray .ux-hover-wrap-a:hover .single-image-img,
    .bm-colored-to-gray a.ux-hover-wrap:hover .single-image-img {
       z-index:1;
        -webkit-filter: grayscale(100%) opacity(60%);
        filter: grayscale(100%) opacity(60%);
    }
    .ux-hover-wrap-a {
        background: red;
    }

    Regards

    • This reply was modified 2 months, 1 week ago by  SeaTheme.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!