Changing Colour in Theme Stylesheet

Discussion in 'Harrington- A WordPress Business Theme.' started by niallg, Oct 6, 2014.

  1. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    changing theme colour : I want to change from the red that is in the dropdown menu (#EA3131) on theme style sheet to #C4272E (RED)which is a different shade - please advise css code
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Please provide us your website url as well as the screenshot where you facing the problem.

    Thanks & Regards
    Yogesh Bhade
     
  3. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    For menu color
    Goto
    Appearance->theme editor-> style.css
    Find all CSS start with { #menu } and in this code find the color you want to replace and change it. after replacing all color code update file.
    Thanks & Regards
    Pramod
     
  4. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Hi Pramod,
    looking through the #menu , there are a few entries, which one specifically should I copy and change in custom.css file ? Could you please send me the code ?
    Please advise.
    Regards
    Niall
     
  5. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Paste below code in Custom CSS.
    Code:
    #menu .ddsmoothmenu li.current_page_item ul li a:hover {
        background: #C4272E;
    }
    #menu .ddsmoothmenu li.current_page_ancestor ul li a:hover {
        background: #C4272E;
    }
    #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 {
        background: #C4272E;
    }
    #menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
        background: #C4272E;
    }
    Thanks & Regards
    Pramod
     

Share This Page