Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You need to use either a Child Theme or Custom Style/CSS plugin to modify themes not custom.
Are you familiar with CSS?
Yes I am. I’m currently using a child theme but what do I have to modify to make the font change in the nav bar?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It may be the anchor tag, but I’m just guessing.
Can you Pastebin.com the contents of your HTML and CSS for the navigation?
You can paste it in this thread if it isn’t long.
Here is the style.css of the child theme. It’s very short.
/*
Theme Name: Twenty Eleven Child
Theme URI: http://oneofpoints.com
Description: Child theme for the Twenty Eleven Theme
Author: Puck Litaay
Author URI: http://oneofpoints.com/about/
Template: twentyeleven
Version: 0.1.
*/
@import url("../twentyeleven/style.css");
#site-title a {
color: #000;
}
#branding #searchform {
display:none;
}
What do I add to this so I can change the font of the navi?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you also post the HTML of the navigation?
What exactly do you mean? The information about the nav bar in the original TwentyEleven theme stylesheet? Or in some php file 🙂 ?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Assuming you’re using Windows:
- View the web page.
- Right click anywhere on the page.
- Select “View source”.
- Copy all the code.
- Paste it in Pastebin.com.
- Link us the pastebin URL once completed.
You can view the HTML here:
http://pastebin.com/tbWXmJz5
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
To change the font styles to the navigation links, use the CSS;
#access a {
font-family: Your font family;
color: #yourFontColour;
}
To change the font styles to the hovered navigation links, use;
access a:hover {
color: #yourFontColour;
}
Resource on font-family – http://www.w3schools.com/cssref/pr_font_font-family.asp
Resource on color –
http://www.w3schools.com/css/css_text.asp
It seems like none of these seem to influence the navigation bar? Any thoughts? ):
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you show the code you’re using?
I’m using the codes you sent me 🙂
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
The code I sent you won’t work as is.
You need to replace, “Your font family” and “yourColour” with relevant values.
I did, replace them with that – sorry forgot to mention that – but it still doesn’t work.
