Change Front Slider Color to Clear instead of the "greyed-out".

Discussion in 'Woodpecker WordPress Business Theme' started by dddeads, Feb 12, 2014.

Thread Status:
Not open for further replies.
  1. dddeads

    dddeads New Member

    Joined:
    Oct 28, 2013
    Messages:
    22
    Likes Received:
    0
    I'm looking for the CSS Code to get rid of the "greyed-out" color on the front slider photo. I'm looking for that photo to be crisp and clear. I plan on not having any text or buttons over the photo. The photo is a heavy branding item for my clients and need to be the focus of the website.

    Thanks for your help in advance...
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .nivo-caption{
    background:none;
    }
    .slider-caption-container{
    display:none;
    } 
    Thanks & Regards
    Gourav Shrivastava
     
  3. dddeads

    dddeads New Member

    Joined:
    Oct 28, 2013
    Messages:
    22
    Likes Received:
    0
    Thank you!

    Now, how about the same question, but for the "Template Header Background Image"?

    Thanks!
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .top-bg-mask {
    display: none;
    }
    .page-top-bg img {
    visibility: hidden;
    }
    .brd-crm h1, .brd-crm h1 a {
    color: black;
    } 
    In place "black" you can put your color or color code.
    This will solve your issue.
     
  5. dddeads

    dddeads New Member

    Joined:
    Oct 28, 2013
    Messages:
    22
    Likes Received:
    0
    Yes...that code hides the photo. But, I would still like the Photo but without it being "greyed-out" like my original post.

    Thanks for your help!
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Remove previous post code and
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .top-bg-mask {
    background: none;}
    Thanks & Regards
    Nitesh Raghuwanshi
     
  7. dddeads

    dddeads New Member

    Joined:
    Oct 28, 2013
    Messages:
    22
    Likes Received:
    0
    Thanks!
     
Thread Status:
Not open for further replies.

Share This Page