Change theme colours

Discussion in 'Harrington- A WordPress Business Theme.' started by tawemedia, Mar 31, 2016.

  1. tawemedia

    tawemedia Member

    Joined:
    Feb 6, 2013
    Messages:
    40
    Likes Received:
    0
    Hi,

    I'm using the Harrington theme and have been given a hex code (#00837B) which follows their branding guidelines.

    Currently the theme is set to the default green colour. I'd like to replace all elements using this green colour to the above hex code. Could you let me know how to do this.

    Thanks, Paul
     
  2. priya

    priya Guest

    Hello Paul..

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    #menu li.current-menu-item a, #menu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover, .home_heading, .feature_blog_content .post .post_comment {
        background: #00837B;
    }
    .sy-slides-crop {
        border: 24px solid #00837B;
    }
    .header_container{
        border-top: 5px solid #00837B;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. tawemedia

    tawemedia Member

    Joined:
    Feb 6, 2013
    Messages:
    40
    Likes Received:
    0
    Thanks Priya that's great.

    When I go to any of the pages the heading bar is still light green and also the widget link. Hope I'm making sense. Can these be changed as well?

    Thanks, Paul
     
  4. priya

    priya Guest

    Hello,

    Could you please provide us 'URL' of your site so that we can better assist you?

    Looking forward to your reply.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  5. tawemedia

    tawemedia Member

    Joined:
    Feb 6, 2013
    Messages:
    40
    Likes Received:
    0
  6. priya

    priya Guest

    Hello, Paul..

    Please below code in Custom CSS section...
    Code:
    .page_heading {
        background: #00837B;
    }
    .footer .footer_widget h4 {
        border-bottom: 1px solid #00837B;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  7. tawemedia

    tawemedia Member

    Joined:
    Feb 6, 2013
    Messages:
    40
    Likes Received:
    0
    Thanks Priyaanka that's great.

    I may come back to you at some point, but thanks for all the help its much appreciated. :)
     
  8. priya

    priya Guest

    You're welcome Paul..:)

    We are always here to assist you..

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page