Adding CSS to header widget

Community Forums Forums Design Tips and Tricks Adding CSS to header widget

This topic is: resolved

This topic contains 6 replies, has 2 voices, and was last updated by  zmel 1 year, 5 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #40684

    zmel
    Participant
    Post count: 31

    I have a custom menu and a search option widget in my #header .widget-area and can’t seem to fully style them with CSS. I added #header .widget-area li to make an inline (horizontal) list/navigation, and text-transformed it to uppercase successfully

    However, word-spacing and margin-top do not seem to work. Any help greatly appreciated!

    http://tinyurl.com/LAfg5HnF-H9MZ9Wfb
    #40759

    colson
    Participant
    Post count: 145

    Are you wanting to move the FAQ NEWS CONTACT down inline with the search?  or what are you trying to do?

    #40771

    zmel
    Participant
    Post count: 31

    Yes, and put some spacing between the words.

    #40833

    colson
    Participant
    Post count: 145

    Ok you can add the following to your css:

    #nav_menu-6 {

        float: left;

    }

    Then increase the padding top on this (I think i tried it at around 120px :
    #header .widget-area

    Then on the following css add some right padding:

    #header .widget-area li
        margin-right: 8px;

    Sorry I did this in a rush this morning let me know if it worked if not I will look again in a bit

    #40865

    zmel
    Participant
    Post count: 31

    Wow, that did it. How did you know to set  #nav_menu-6? I did not see a menu item for that div, only menu-global-nav-container, which I could see in Firebug, but not in any of my site files. I also have more than one #header .widget-area for some reason. The top padding is good at 120. Really appreciate it, Colson!

    #40917

    colson
    Participant
    Post count: 145

    You must of missed it in firebug… Glad that worked for you.

    Corinne

    #40921

    zmel
    Participant
    Post count: 31

    I see it now in Firebug, thanks, again!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.