You need to edit your theme’s stylesheet. I’d recommend using Firefox with the Firebug add-on to pinpoint exactly which lines need to be changed.
Is Firebug actually capable of making the changes in the site or is it more of a viewer type software that tells you what the code looks like in the css?
It’s just for visibility of code, and also allows you to apply changes in the browser, but there’s no actual edits/updates made to the actual code (more of a debug kinda thing)..
Update your files as you normally would in your editor of choice..
OK thanks just trying to decifer where the actual code is on what page. The theme Vigilance I guess you cant edit the main css stylesheet you have to find the “child” css page
The window in the right of firebug when using the element inspector will tell you the name of the stylesheet an element is inheriting css from, hover over the name and it’ll produce the full path in a tooltip..
OK when I hover over the name of the style sheet it says its the “master.css” however in the editor in WordPress I cannot find this master.css sheet. Do I have to edit it say in GoDaddy?
I’m not sure the editor reads files in sub-directories(i could be wrong), so it may be a case of that file being in a sub-folder of your theme’s folder.. (you should see the path to the file when you hover the stylesheet name).
You might need to FTP into your site and check the theme files directly if it’s in sub directory of the theme and the editor is unable to see that file.
@t31os is correct, stylesheets not in the main directory can’t be edited from the WP interface
You said you are on godaddy, so you can simply log on to your account there and go to your file area….. they have a file editor built in that will you to edit the file
OK I see it now and can edit that and then just re-upload and overright the old css sheet when Im done?
Also, was wondering since Im changing font styles how do I know what fonts styles I can use? Should I stay with suggested font familys that are common? Or how does that work?
Thank You
I just noticed this on top of my master.css sheet
READ THIS PLEASE!!
You DO NOT want to make edits to this file.
If you make edits to this file your layout will break
when you upgrade the theme. Instead add your custom CSS to
the style.css file in a child theme. Any new styles you add
to the style.css in your Child Theme will automatically override
this imported stylesheet. This will also make your life a whole
lot easier when it comes time to upgrade the theme.
Should I be alarmed about that?
You could create a child theme, a child theme doesn’t mean you have to code piles of files, but what it does mean is that you can override select files by including them.
Information on how to create the child them can be found here, and the same information applies.
http://codex.wordpress.org/Child_Themes
I’m actually doing this myself now as this allows me to add new functions or modify CSS without worrying about those changes getting lost if i upgrade or update via SVN.
Child theme would be the way to go if you want to be able to update the theme without losing your customizations… 😉
