Where are the starter stylesheets?

  • Unknown's avatar
    ren87 · Member ·

    I am new to wordpressand I’m stuggling with this CSS. I bought the upgrade but I just don’t get how to change the CSS. I am experienced using HTML and I know basic CSS. In the past I used CSS to change font and font color and background but I would link it to a tag in the HTML. I can’t touch the HTML so how am I going to make changes with just the CSS file. Can someone please help…I really don’t get it. Maybe some starter stylesheets would help.

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

  • Unknown's avatar
    thesacredpath · Member ·

    You need to work with the stylesheet for the theme you are using. Stylesheet are unique to their themes. Each is written by an individual author and each author decides what they are going to call things and how they are going to organize things.

    You have to start with the markup (XHTML) and then relate that back to the CSS, not the other way round.

    Courtesy of a CSS guru, atthe404:

    There is no trick. But doing CSS requires an understanding of the markup (xhtml). There is no way round that. The CSS applies styles to stuff. To what stuff depends on the markup. So number one read the source (View Source). Get used to it. Feel comfortable with it. Two. Understand what the heck selectors actually are. Different cats of selectors behave in different ways. SO: this is counter intuitive. To understand the CSS do not start in CSS. Start in the xhtml. Then see how they relate. Its all there. :)
    There are gazillions of CSS tutorials on line.

    Also, please read and understand this by another CSS guru, devblog: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ .

    There are a number of add-ons for Firefox that are indispensable when working with CSS.

    Aardvark: Tells you want ID’s and classes are applied to page elements when you hover over them.

    Firebug: Lets you see the HTML and the CSS for elements in the page when you hover your mouse over them and also lets you try changes to the CSS in realtime.

    Web Developers Tool Kit: The swiss army knife of web development tools. Steeper learning curve, but it has tons of capabilities.

    You can google them using a term such as “aardvark firefox add-on” etc., and you will find them on the Firefox site.

  • Unknown's avatar
    ren87 · Member ·

    Thanks so much for all your help…this helped alot

  • Unknown's avatar
    thesacredpath · Member ·

    You’re welcome.

  • The topic ‘Where are the starter stylesheets?’ is closed to new replies.