Posted 2 years ago #
I know I must sound kind of dense for asking such a simple question, but I must say that I am *so* not html savvy. I've just added a couple of things to my sidebar (namely de-licio.us and a foodie blogroll), and to my dismay, I am unable to change the font or font size for either one...I'd like them to be consistent with the menu above(about, blogroll, etc)... (oh, btw, I am using the "classic" theme)
Any advice for a novice like me? Please? :)
Posted 2 years ago #
To change font & font sizes you must edit the CSS file style.css
Posted 2 years ago #
Do you mean in the theme editor? I've been trying to adjust the text font/font size in there to no avail...I guess I don't understand what I'm doing wrong...it either turns out as "papyrus" as in the headings or (I think) Arial, bold and large text? Where in the sidebar editor can I insert a code to change these text fonts/sizes? I'm not sure I'm being clear... :/
the sidebar is an unstructured list <ul> in <div id="menu">
you don't have to edit your sidebar, but edit the #menu ul sections in your style.css file
And, better don't use the theme editor but cahnge the style.css file on your PC and upload with ftp
Posted 2 years ago #
Get Firefox and the Firefox Web Developer plugin. With it you can experiment with CSS right in the browser and see almost instantly the results of what you are doing. It's a great way to learn. Your changes with Web Developer vanish as soon as you go to another page, so you don't have to worry about messing up anything. Once you've made changes you want to keep, copy them and put them into your theme's css.
To find the right class/id to edit, do a view > source of the page and search for text that appears in that area. Look for what classes and ids are associated with that area. Then, search for the same classes and divs in the CSS. That usually does it, though sometimes you have to take into consideration that the CSS for plugin comes with the plugin.
I'd start with changing background colors for divs, to make it easier to see how the page is structured.
Like anything else, it's not as confusing after you have your bearings.
or, if you are into Microsoft, download the Internet Explorer Developer Toolbar.
Posted 2 years ago #
Thank you so much! I have firefox installed, I'll look for the plug in and give that a try, and I'll also look at the IE Developer. :)
This topic has been closed to new replies.
