Changing the Font of the Menu

/*
Theme Name: VCard
Theme URI: https://siteorigin.com/theme/vcard/
Template: vcard
Author: SiteOrigin
Author URI: https://siteorigin.com/
Version: 1.0.5
License: GPL 3.0
License URI: https://www.gnu.org/copyleft/gpl.html
Description: vCard is the perfect theme for your personal online presence. It gives you simple blog and portfolio functionality as well as some shortcodes you can use to create a professional online resume.
Tags: light, yellow, one-column, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-images
*/
@import url(“../vcard/style.css”);

/* =Theme customization starts here
————————————————————– */

#main-menu li a {
color: #000000;
display: block;
font-size: 10px;
padding: 16px 0 15px 60px;
text-decoration: none;
text-shadow: 0 0 2px rgba(0,0,0,0.02);

}

The template broken error is resoled, but now the vcard thumbnail in my theme page appears all grey so do not want to activate it.

Change the name here:

Theme Name: VCard

You can’t have two themes with the same name.

Try activating it and post a link to it so someone can see what’s going on.

ah…..OK, good catch, let me update that and see what happens.

changed the Them name in the vcard-child css style to Theme: vcard-child

No change. Still grey. I will activate it now. Gotta love the child directory functionality!

When I activated it, the picture disappeared completely. How about I copy of the vcard style.css completely, changing the theme name and only the menu font color? I will try that next…

I don’t see the child theme as active. Copying the entire stylesheet is not the way to use child themes. It duplicates code and makes it harder to keep track of what you have changed.

IF you change it and wait more than 2 minutes, I can look at it.

BTW, theme settings and options do not carry over to child themes, so if the picture is a theme setting, try redoing that in the child theme.

Thank you! I wasn’t so much worried about the picture — rather the font.

I don’t plan on changing much, if anything after this, so copying the entire code doesn’t worry me so much. Here are the two lines I changed: (just the color).

#main-menu li a {
color: #505259;
display: block;
font-size: 10px;
padding: 16px 0 15px 60px;
text-decoration: none;
text-shadow: 0 0 2px rgba(0,0,0,0.02);
}

#main-menu li.current-menu-item {
background: url(images/sprites/tab-active.png) no-repeat;
}

#main-menu li.current-menu-item a {
color: #000000;
text-shadow: none;

Wpyogi you rock!

I activated the above child-theme. Not worried about the picture, but the menus don’t appear — with any color font.

Thanks for your help!

I switched it back in case folks go to the site tonight. Let me know if you can look at it for me and I will reactivate the child theme.

Thank you!!

I wanted to let you know I figured out the font. I changed it in the top theme pages and it worked fine. Thanks for your assistance!! Much appreciated.

Hi, sorry I missed this until just now. Glad to hear you got it figured out :)!