• Closed
  • Heidi Rivas
    Spectator
    05.01.2016 at 01:34 #23360

    Hi Team!
    (Again :P)
    I have a couple questions for you for some changes in header and menu area.
    (Site: http://blog.focim.edu.mx/)
    1.- How I can change the heigth of header? It is posible to define it more Slim? I change the padding in Theme Options but it doesnt change.
    2.- How I can change color of sub-menu background area? In this moment all ítems ( menu principal and sub items background) are blue.
    3.- How I can center all menu items in the center of page?
    Thanks again!

    Heidi

    Denzel Chia
    Moderator
    Posts: 2656
    05.01.2016 at 09:55 #23367

    Hi,

    Yes, you are correct. I just did a clean test installation on my localhost.
    The header padding settings are not working.

    Please use the followimg custom css for header.

    .header {
    height: 200px !important;
    padding: 0 !important;
    }

    To change the menu colors.
    Please try Theme options -> styling -> menu

    To center your menu. Please use the following.

    .nav-holder {
    margin: 0 auto !important;
    width: 600px;
    }

    You will need to adjust the 600px as you menu gets larger.

    Thank you.

    Heidi Rivas
    Spectator
    Posts: 1
    05.01.2016 at 16:39 #23376

    Thank you Denzel!
    All the codes works perfectly!

    About second question, I found the solution that you give me, but it change all menu color. In this case I would like to have a two color menu. For example: Main Words in the menu blue and submenu gray.
    Maybe I need to do some changes in .nav-holder objet but just color background for submenu ítems (In my menu is BLOG> Autores del Blog)

    Denzel Chia
    Moderator
    Posts: 2656
    06.01.2016 at 07:58 #23382

    Hi,

    Use the following for you menu colors.

    #nav ul li a {
    color: blue !important;
    }
    #nav ul li ul li a {
    color: grey !important;
    }

    Thanks!