WordPress.org

Ready to get started?Download WordPress

Forums

Techozoic Fluid
CSS problems - Spacing in topmenu and arrows (5 posts)

  1. rsimonsen
    Member
    Posted 1 year ago #

    I am having difficult customizing the css in the topmenu.

    1) How do I kill the spacing between the menu items? (It looks as if there are about 5px of spacing between each menu item.)

    2) How do I kill the dropdown arrows? (Also the one showing up when hovering the menu item.)

    Source:
    http://ifn.blansen.dk/

    Thanks. :)

  2. Jeremy Clark
    Moderator
    Theme Author

    Posted 1 year ago #

    1) In the style.css you'll need to change this.

    #dropdown, .top-menu{
    font-size: 12px;
    }

    to

    #dropdown, .top-menu{
    font-size: 0;
    }

    2) Again in style.css you'll need to change this.

    .ribbon ul.top-menu > li.has_children, .square ul.top-menu > li.has_children, #dropdown > li.has_children {
    background: url("images/top-submenu.gif") no-repeat scroll right center transparent;
        padding-right: 10px;
    }

    to this

    .ribbon ul.top-menu > li.has_children, .square ul.top-menu > li.has_children, #dropdown > li.has_children {
    background: none;
        padding-right: 0;
    }

    this will remove the hover arrow

    .ribbon ul.top-menu > li.has_children:hover:after, .square ul.top-menu > li.has_children:hover:after, #dropdown > li.has_children:hover:after{
    border: 0;
  3. rsimonsen
    Member
    Posted 1 year ago #

    Hi Jeremy

    It worked perfectly in both IE and Firefox - thanks!!
    I still got problems with the spacing in Safari though... What to do?

  4. Jeremy Clark
    Moderator
    Theme Author

    Posted 1 year ago #

    Ok this solution should work for all the browsers.

    #dropdown, .top-menu{
    font-size: 0;
    }

    should be changed back to

    #dropdown, .top-menu{
    font-size: 12px;
    }

    then this added

    .ribbon ul.top-menu > li, .square ul.top-menu > li, #dropdown > li{
    margin-right: -3px;
    }
  5. rsimonsen
    Member
    Posted 1 year ago #

    Sorry... That didn't work. Instead now the spacing is on all three.
    Do you got another suggestion?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.