Custom colored buttons

Discussion in 'Themia WordPress Theme' started by maes39, Dec 26, 2014.

  1. maes39

    maes39 Member

    Joined:
    Jul 2, 2013
    Messages:
    123
    Likes Received:
    2
    Hello,

    On my website www.timstaaldesign.nl i want to make custom colored buttons.
    Can you tell me how to make these buttons??

    I want to change the color to #a43517.

    Can you help me??
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Please explain little bit more.
    Which type of buttons and where you want to use it ?

    Thanks & Regards
    Pramod
     
  3. maes39

    maes39 Member

    Joined:
    Jul 2, 2013
    Messages:
    123
    Likes Received:
    2
    Hello,

    I meant the buttons of the main navigation (see attached file).
    And then the rollover color.
     

    Attached Files:

  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    You can change the color of menu by below css code.
    More than this you cannot change.

    Code:
    #menu li,#menu li a{
    background: none;
    }
    #menu li.current-menu-item, #menu li.current-menu-parent, #menu li.current_page_parent, #menu li:hover, #menu li.current_page_item {
    background: none;
    background: #a43517;
    border-radius: 15px;
    }
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li:hover a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    color: #fff;
    background: url('images/nav-orange.png') no-repeat 100% -124px;
    background: none;
    background: #a43517;
    border-radius: 15px;
    }
    #menu li a {
    background: #a43517;
    text-shadow: none;
    color: white;
    border-radius: 15px;
    padding-left: 13px;
    padding-right: 13px;
    }
    #menu li a:hover {
    background: #a43517;
     
    }
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    margin: 0;
    margin-left: 10px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 4px;
    padding-bottom: 5px;
    color: #FFF;
    text-shadow: none;
    }
    Thanks & Regards
    Pramod
     
  5. maes39

    maes39 Member

    Joined:
    Jul 2, 2013
    Messages:
    123
    Likes Received:
    2
    Hello Pramod,

    Is it possible to change one theme stylesheet into my color so the buttons in the main menu have the right color??
    I don't use black so i want to change this one.
     
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Menu has images for background and it required images for your required color.
    We will try to give you solution.

    Thanks & Regards
    Pramod
     

Share This Page