Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #335634
    pixelfaenger
    Participant

    Hi Team,

    I am using Foodoholic Pro<span class=”theme-version”>Version: 1.7.3 and want to use the Featured Slider Theme Option.</span>

    I’ve activated it, chose some images, so good so far. The problem is, that it seems like there is a color-cast/overlay on top of the images, what ruins it for me. I can’t find an Option do deactivate an overlay or something.

     

    I can’t provide a link to the side yet, cause it isn’t public yet.

     

    Just imagine a clean white image as one slider image but it appears gray.

     

    Kind regards

    #335652
    minal
    Keymaster

    Hello @pixel

    I checked on from my end it seems fine. Here is the screenshot from my system.

    slider

    Can you share your screenshot so that I can know what the issue is exactly?

    Sincerely,

    Minal

    #335670
    pixelfaenger
    Participant

    Sure,

     

    the first image shows, hot it is displayed on the website.

    https://cloud.pixelfaenger.com/index.php/s/PJRPfQwB99GbE6T

     

    The second image shows the original image used in the featured slider.

    https://cloud.pixelfaenger.com/index.php/s/z7Q4AyGdTgzSdYD

     

    Kind Regards

     

    #335675
    minal
    Keymaster

    Hello @pixelfaenger

    Because of your image transparency, the background color given to that section is seen. Probably you have changed the tertiary background color from the customizer color option try to change the desired color on that tertiary background color to get your desired result. If this creates conflict with other sections try the below CSS for that specific featured slider section

    try this CSS snippet

    .slider-content-wrapper {
       background-color: #bcbcbc;
    }

    Change color value with your desired value on that CSS code.

    Sincerely,

    Minal

    #335677
    pixelfaenger
    Participant

    Thanks for your reply.

     

    I’ll try your soloution.

    I’m using jpgs. So how can there be transparency in die images?

     

    Regards,

    Heiko

    #335678
    pixelfaenger
    Participant

    There is no impact at all, using

    .slider-content-wrapper { background-color: #bcbcbc; }

     

    Is there a way to give you login-data in private?

     

    #335702
    minal
    Keymaster

    Hello @pixelfaenger,

    Here is the CSS snippet for removing the overlay layer from the slider.

    .slider-content-wrapper.style-without-bg .slider-image:before {
       display: none;
    }

     

    Sincerely,
    Minal

    #335707
    pixelfaenger
    Participant

    Thank you, that worked perfectly fine! This topic can be closed if you like.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Gray Overlay over Images in Featured Slider’ is closed to new replies.