Home Forums Pro Themes Restaurantz Pro Lighten banner image

This topic contains 14 replies, has 3 voices, and was last updated by  wensolutions 1 year, 9 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #26091

    LHJWEB
    Participant

    Hi Theme Palace.
    I bought Restaurantz Pro and would like that the big banner picture is not that dark. It is as if there is a dark color below the image, how can I remove it, so the picture is bright and clear ?. The website can be viewed at http://www.joergensen-online.dk

    Best Regards Lars

    #26145

    wensolutions
    Keymaster

    Hello,

    To remove the overlay ( dark layer ) over the images in the main slider please paste in the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS field :

    .so-widget-sow-hero  .sow-slider-base ul.sow-slider-images li.sow-slider-image::after {
    
    background: none!important
    
    }

    Hope this Helps,

    Best Regards !!

    #26281

    LHJWEB
    Participant

    Thanks a lot 🙂 It worked perfectely. Could you tell me how to remove the overlay (the dark layer) on the header image? – http://www.joergensen-online.dk/da/motellet/

    Best regards,
    Lars

    #26339

    wensolutions
    Keymaster

    Hello,

    To also remove the overlay from the header image, you can add the following custom CSS :

    #custom-header::after {
         background: none;
    }

    Hope this Helps,

    Best Regards..

    #55204

    Brady Caverly
    Participant

    Where do I add this custom CSS?

    I assume this removes the crosshatching over the large header images?

    #55328

    wensolutions
    Keymaster

    Hello @bcaverly,

    Please add above given CSS in Admin Panel > Appearance > Customize > Additional CSS .

    The CSS we have provided will remove the overlay from the Header image i.e the exact image will be displayed with the effect .

    Hope this helps.

    Let us know if you have any confusion further.

    Best Regards!!

    #55357

    Brady Caverly
    Participant

    Hey, thank you for your amazing quick response. Sorry, for my naiveté here but is this the proper syntax? Seems to be having no effect.

    /*
    You can add your own CSS here.

    Click the help icon above to learn more.
    */
    #custom-header::after {
    background: none;
    }

    #55399

    wensolutions
    Keymaster

    Hello @bcaverly,

    The CSS we have provided will remove the overlay effect that appears in the header image .

    Screen shot .
    https://image.prntscr.com/image/2FozVxLQSJqxJx-nlVg_CA.png

    If this not what you meant then please explain your issue further with possible screen shot so that we can help you .

    Best Regards!!

    Have a good day .

    #55402

    Brady Caverly
    Participant

    Thanks again for your quick response.

    The code you gave me works like a charm for the screen over the headers on each of the sub pages. I’d like to get rid of it from the big slider at the top of the home page – SiteOrigin Hero image.

    Thanks again.

    #55408

    wensolutions
    Keymaster

    Hello @bcaverly,

    To remove the overlay effect over the slider use below given CSS.

    .so-widget-sow-hero .sow-slider-base ul.sow-slider-images li.sow-slider-image::after {
        background: none;
         }

    Hope this helps .

    Best Regards!!

    #55409

    Brady Caverly
    Participant

    Works perfectly. You guys really are awesome! Thanks.

    #55411

    wensolutions
    Keymaster

    Hello @bcaverly,

    Glad we could help you .

    If there is any confusion further then please do not hesitate to post them .

    Best Regards!!

    #55465

    Brady Caverly
    Participant

    And, I’m back… I know you guys explicitly say you don’t offer customizations here (and I don’t blame you) so I may be pushing my luck but is there an easy way to make that sow-hero image responsive (ie scale for smaller screens?) It appears the default action is to crop the sides. And so on phones I end up with a very tall image with the sides cut off, would prefer just a scaled down version of the whole image.

    Thanks again if you can help.

    Cheers.

    -b

    #55490

    Brady Caverly
    Participant

    Nevermind. I think I figured it out. Thanks anyway.

    #55515

    wensolutions
    Keymaster

    Hello @bcaverly ,

    Glad that you figured out the issue by your self.

    But if you have any confusion please let us know.

    Best Regards!!

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.