ThemeShaper Forums » Thematic

Thematic child menu

(2 posts)
  • Started 8 months ago by riddlely
  • Latest reply from riddlely
  • This topic is resolved

Tags:

  1. riddlely
    Member

    How do I remove the border for the child menu?

    For example if I hover my mouse over "Sample Page" the option "Another Page" will drop down.
    However, "Another Page" has a border.

    Removed border for "Sample Page" with:

    .sf-menu a, .sf-menu {
    border: 0; /*Gets rid of menu border*/
    outline: 0;
    }

    Got it from another thread.

    Posted 8 months ago #
  2. riddlely
    Member

    .sf-menu ul, .sf-menu a, .sf-menu{
    border: 0; /*Gets rid of menu border for main menu as well as child menu*/
    outline: 0;
    }

    Okay so i found out the above code removes all the borders. If somebody can explain why ".sf-menu ul" is required it would be great. I tried something like ".sf-menu ul a" border:0; but that did not work. Using ".children" class also failed.

    I used chrome to inspect the elements and made a guess at the css code.

    Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.