WordPress.org

Ready to get started?Download WordPress

Forums

discover
Change Font Size of Menue (4 posts)

  1. FVW
    Member
    Posted 1 year ago #

    Hey,

    I am trying to change the font-size of the menu and perhaps the size of the "blocks" around the menu items as well, but I can't find the place where to put this...

    I already researched on this on the internet, tried to change parts of the style.css as well as to insert custom css lines in the theme options section.

    Is there anyone who could help me with that?
    I would highly appreciate it!

    Best Regards!
    Fabian

  2. Tara
    Member
    Posted 1 year ago #

    Try using - for example - a tool like Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/ . Help info on Firebug https://getfirebug.com/faq/

  3. FVW
    Member
    Posted 1 year ago #

    Thanks for the tip, but I already tried to use firebug, but I did not manage to get this done :(

    Normally this should not be that difficult!? But with this Theme, I really don't know where to change this...

    Is there anybody who could help me?
    Thanks in advance!!!
    Fabian

  4. paulwpxp
    Font hero
    Posted 12 months ago #

    Where did you put the code in ? via childtheme stylesheet or Theme's Custom CSS ?

    The style for nav is loaded after the theme style, so you have to use a selector that has more specificity.

    So this in child theme stylesheet wouldn't work

    #nav a { color: pink; }

    This will work.

    html #nav a { color: pink; }

    Both codes will work in Theme's Custom CSS option because it's loaded down below.

    So copy over the part under the title /*** DEMO SKIN ***/
    from discover/css/superfish.css

    and change all the instances that has color property in it and put in theme's Custom CSS option.

    For the nav font size, if you change it, you will have to change the position of the dropdown too, it needs a little calulation, but if you use Firebug you can just view the height.

    #nav li.sfHover ul {
    	top: 62px; /* match top ul list item height */
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags