Change Blue Color of Testimonial Button and Bottom Widgets and Footer

Discussion in 'Woodpecker WordPress Business Theme' started by rmadala313, Jul 8, 2014.

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

    rmadala313 Guest

    Joined:
    Jun 20, 2014
    Messages:
    53
    Likes Received:
    0
    Hello,

    I would like to change the blue color on the Testimonials button, and on the Bottom Widgetized Footer of my site, please.

    You can view my website here:

    http://staranisefoods.com/development/

    Thank you.
     
  2. 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:
    a.button-def{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, red), color-stop(1, red) );
    background: -moz-linear-gradient( center top, red 5%, red 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='red');
    background-color: red;
    }
    .button-def:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, green), color-stop(1, green) );
    background: -moz-linear-gradient( center top, green 5%, green 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d648f', endColorstr='green');
    background-color: green;
    }
     
     
    .footer-wrapper {
    color: red;
    }
    .footer a {
    color: red;
    }
    .footer a:hover {
    color: orange;
    }
     
    In place of "red", "green" and "orange" you can put your color or color code.
    This will fulfill your requirement.
     
  3. rmadala313

    rmadala313 Guest

    Joined:
    Jun 20, 2014
    Messages:
    53
    Likes Received:
    0
    Thank you.

    How do I change the border of the button?
     
  4. 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:
    .button-def{
    border: 1px solid #d2e39f;
    -moz-box-shadow: inset 0px 1px 0px 0px #d2e39f;
    -webkit-box-shadow: inset 0px 1px 0px 0px #d2e39f;
    box-shadow: inset 0px 1px 0px 0px #d2e39f;
    }
     

    Thanks & Regards
    Gourav Shrivastava
     
  5. rmadala313

    rmadala313 Guest

    Joined:
    Jun 20, 2014
    Messages:
    53
    Likes Received:
    0
    Thank you! It worked perfectly.
     
Thread Status:
Not open for further replies.

Share This Page