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.
|
All times are GMT -6. The time now is 06:49 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.