How do I change the menu font size on 2010?

  • Hi, A couple of questions for my site at https://www.connection-junction.com/ using 2010 theme. I’m mostly unskilled with php, just enough to get into trouble.

    1 – Somehow I accidentally changed the font size in the big menu across the top of the page, any ideas how I change it back? I’ve been looking but don’t see anything that looks like the right thing. I know its in style.css.
    Here’s the site front page, https://www.connection-junction.com/, and I’m referring to the font menu/s in the black area, top of page, that start with Home/1 Full Parts Inventories/ etc.
    The font was smaller than this,and the layout was good originally, I’m not 100% sure what I did to make this happen. Any ideas what code to look for? Many thanks Roger.

    2 – Also, if I want to change the font color anywhere in the style.css page, am I able to use the color designations that I find in the page builder menus such as ffffff for red? The style.css seem to all use much shorter color codes such as 888, so I was nervous they were not compatible.

    3 – Also and lastly, I’d like to increase the font size and shape (bold/underline)above the menu on the home page right side. At the moment it reads Photo Library. Any ideas what this looks like inside, I’m guessing it’s on the style.css page?

    Many thanks, as always a lot to learn and always grateful for th ehelp, cheers Roger
    https://www.connection-junction.com/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Look for this code in your https://www.connection-junction.com/wp-content/themes/twentyten/style.css and try changing font-size: 16px; to 14px or smaller BUT FIRST copy and paste your entire style.css into Notepad and save it in case you need to revert back.

    #access {

	background: #000;

	display: block;

	float: left;

	margin: 0 auto;

	width: 940px;

}

#access .menu-header,

div.menu {

	font-size: 16px;

	margin-left: 12px;

	width: 928px;

    2: The color code #ffffff calls for white, not red. You can change any color designations in the CSS. It’s safer to use the full HEX code, e.g. #000000 = black, #CC0000 = deep red.
    Refer to HTML color charts on Wikipedia https://en.wikipedia.org/wiki/Web_colors

    3: Sorry I have not worked with your theme so can’t give you precise info on how/where to change the font size without causing conflicts elsewhere that may also use the same font size.
    The Photo Library uses <h3>
    <h3 class="widget-title">Photo Library</h3>

    Thread Starter rjwnz

    (@rjwnz)

    Hi Bob ssc, that worked a treat, many thanks Roger

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I change the menu font size on 2010?’ is closed to new replies.