Css styling for blog title and menu bar
 

Hi

I use the following css insert to set a light weight on my blog title (the theme only allows for normal or bold)

#header a {
font-weight: 300 !important;
}

This works, but it also forces 300 weight on the text in the header menu bar, which I don't want.

Can you tell me, please, how can I style the blog title and menu bar fonts separately? (Again, the theme doesn't allow weight setting for menu bar fonts, only px & font.)

Best, Kit

Just put the appropriate CSS in the "Style and Edit Header Area" settings or "Menu 1" or "Menu 2" settings.

Thanks. Do you mean in the 'Font Size & Face' box under 'Menu 1 (Page Menu)'? I've tried that, but font-weight command seems to have no effect. Only px size and font commands are accepted. Am I doing something wrong?

For bold you can use CSS in the CSS Inserts area of the theme options.

Thanks. Can you tell me, please, what would be the css command to change the font weight in the page menu bar *only*? I want the weight to be normal, but the css I used to get 300 weight on the blog title affects all the text in the header area including the menu text.

Use a code inspector to determine the unique selector for the item you want to change. What you are seeing is the cascading effect of CSS.

Thanks. I'm a little out of my depth here, but I guess the moral is that I should learn more about css!

Here is a beginner CSS tutorial

Thanks -- and thanks to you both for replying. I hadn't noticed your new policy, and I apologise for not respecting it. I value Atahualpa highly and will make a donation when things are easier.