Home › Forums › Pro Themes › Restaurantz Pro › Lighten banner image

Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 20, 2016 at 4:03 am #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

    December 20, 2016 at 5:18 am #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 !!

    December 20, 2016 at 10:44 am #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

    December 20, 2016 at 9:11 pm #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..

    October 10, 2017 at 2:03 am #55204
    Brady Caverly
    Participant

    Where do I add this custom CSS?

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

    October 10, 2017 at 3:52 am #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!!

    October 10, 2017 at 1:55 pm #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;
    }

    October 11, 2017 at 12:23 am #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 .

    October 11, 2017 at 12:31 am #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.

    October 11, 2017 at 1:30 am #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!!

    October 11, 2017 at 1:37 am #55409
    Brady Caverly
    Participant

    Works perfectly. You guys really are awesome! Thanks.

    October 11, 2017 at 2:35 am #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!!

    October 11, 2017 at 4:18 pm #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

    October 12, 2017 at 12:10 am #55490
    Brady Caverly
    Participant

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

    October 12, 2017 at 2:18 am #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!!

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.