Images have dark filter

  • Resolved minkisan

    (@minkisan)


    3 years ago

    Hello,
    I have installed and set up some flip boxes with your plugin. I wanted to find out how I remove the dark filter over the images. They appear to have a tint over and the vibrancy of the images is missing.

    Would it be possible to let me know how to do this?
    Thank you
    MinkiSan

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author biplob018

    (@biplob018)

    I think it happened for a CSS conflict with other plugins and can be solved with some custom CSS.

    Will you please share your URL so I can check the bugs and reply with some custom CSS?

    Thread Starter minkisan

    (@minkisan)

    Sure I can but the page is not currently live. I am working on a rather in-depth article so it could take me some time to complete.

    I have posted the article temporarily here https://www.boardnbones.com/2022/03/20/star-wars-imperial-assault-complete-collection-deep-dive/.

    Would it be possible to let me know when you have seen the issue and I can make the page a draft again?

    Regards
    MinkiSan

    Plugin Author biplob018

    (@biplob018)

    Its overlay background of image hover. Go into the shortcode edit page and set the background as like rgba(37,42,48,0.00) as reduce alpha or opacity of RGB color.

    You can check into the live preview panel as it also helps you a lot. frontend and backend colors are separate so you need to change them separately

    Thread Starter minkisan

    (@minkisan)

    Sorry I am unable to change the setting without it reverting back. It says pro only. Does this mean I would need to purchase the plugin to not have it darken all the images?

    Plugin Author biplob018

    (@biplob018)

    No, kindly add some custom CSS so no need to get premium, etc. I think after adding some custom CSS you can do your jobs.

    Kindly roll back the demo page so I can reply with the correct CSS. If you are a developer kindly add kindly remove the overlay background with !important tag so you can avoid conflicts.

    Its overlay background color so after overriding image hover will works properly.

    Thread Starter minkisan

    (@minkisan)

    Thank you the page is live again.
    Regards
    Matt

    Thread Starter minkisan

    (@minkisan)

    Hello,
    I was wondering if there was an update on this issue?
    Regards
    Minki

    Thread Starter minkisan

    (@minkisan)

    Hi,
    I have left a page live that isn’t ready to go up yet for you to look at. Do you think you would be able to let me know roughly when you will be able to take a look at the page so I can take it down please?
    Thank you
    Minki

    Plugin Author biplob018

    (@biplob018)

    Kindly add those css line into your sites to avoid dark filter.

    `.oxi-image-hover-wrapper-3 .oxi-addons-row .oxi-image-hover-figure-back-section {
    background: rgba(37,42,48,0.00) !important;
    }
    .oxi-image-hover-wrapper-3 .oxi-addons-row .oxi-image-hover-figure-front-section {
    background: rgba(37,42,48,0.00) !important;
    }
    `

    Thread Starter minkisan

    (@minkisan)

    Thank you so much for your help. I had to add

    .oxi-image-hover-wrapper-4 .oxi-addons-row .oxi-image-hover-figure-back-section {
background: rgba(37,42,48,0.00) !important;
}
.oxi-image-hover-wrapper-4 .oxi-addons-row .oxi-image-hover-figure-front-section {
background: rgba(37,42,48,0.00) !important;
}

    to get the bottom set of images to do the same.

    I will be purchasing your plugin as you have been so helpful

    Thank you
    MinkiSan

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Images have dark filter’ is closed to new replies.