How to open CSS Editor

  • Unknown's avatar
    robark · Member ·

    PC illiterate first attempt at a CSS edit. Want to change body font to Arial. Have CSS Edit upgrade.
    Went to Appearances/Edit CSS/view original style sheet …but can’t edit there.

    Also could not find find fonts that could be changed for selections, only found font families.

    Will appreciate help.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    robark · Member ·

    Apologies for the duplicate. Robark

  • Unknown's avatar
    timethief · Member ·

    The preview function is here Appearance > Edit CSS

    If you have already purchased the CSS upgrade and done some CSS editing and the blog looks like that to me then know the following:

    CSS is theme specific. If you have custom CSS and later change themes, you need to delete whatever CSS you have in the Editor, otherwise, you’ll get undesired results.

    To ‘reset’ a theme, you need to delete the CSS in the Editor, make sure the “add to existing CSS” radio button is checked, then save. Things should go back to normal.

    When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info:

    http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  • Unknown's avatar
    robark · Member ·

    Thanks for pointing me to CSSWiz. Looks like a great site.

    However, my problem is I don’t know how to open the Editor. After Appearances/Edit CSS the only link I see is “View the original style sheet” and that doesn’t take me to the editor.

  • Unknown's avatar
    thesacredpath · Member ·

    At wordpress.COM you do not edit the original CSS. What you do is up in CSS to override the existing selectors and declarations in the original CSS.

    Click on the view original link, copy everything in there out and paste it into a plain text file for reference. You then look at the markup for your blog, find the appropriate CSS selectors that control the things you want to change and then you put only those selectors, and ONLY the specific declarations you are going to change and/or add into the CSS edit window.

  • Unknown's avatar
    thesacredpath · Member ·

    My second sentence should read:

    What you do is to add in your CSS to override the existing selectors and declarations in the original CSS.

  • Unknown's avatar
    robark · Member ·

    I am calling this issue resolved altho I didn’t get the Arial I wanted. I managed to restore the font to where it started. Blog is easily readable, panic is over.

    Thank for your assistance. I learned a lot and can revisit CSS at another time with a higher level of knowledge from which to start.

  • The topic ‘How to open CSS Editor’ is closed to new replies.