WordPress.org

Support

Support » How-To and Troubleshooting » Basic Tags in WP …. How best to “Restyle” them?

Basic Tags in WP …. How best to “Restyle” them?

  • Hi Guys,

    Using WP uploaded to its own host / domain account.

    Where one has basic tags like – h1, h2, h3, h4, h5, h6, ul, ul li, a, p – is it OK to “restyle” these by setting their own definitions in a custom themes STYLE.CSS? OR is this not a good idea, other ways to do same?

    Does STYLE.CSS in a theme take precedent in General?

    Thanks,
    Aidan

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    @esmi

    Forum Moderator

    A stylesheet doesn’t create new definitions for header tags. They’re still header tags and should be used in the correct order within a given page. What a stylesheet can do is tell the browser how each header should be displayed (font, size, color etc).

    Every theme has a style.css file. Some have additional stylesheets, so it’s not possible to provide a single rule that would apply to all themes but, if you’re adding some of your own CSS, the bottom of your theme’s style.css is a good place to start.

    Hi Esmi,

    Thank You,

    I think I might have explained wrong. What i meant was to “restyle” these tags from the Default? As you said – font, size, color. So keep the tag names obviously – then change their attributes? Its OK to do so in Style.CSS down the bottom?

    Aidan

    esmi

    @esmi

    Forum Moderator

    Ideally you need to find where the current stylesheet is styling those tags and amend the various properties accordingly. If you use Firefox, Firebug is a very handy tool for this kind of work. Although adding new style rules at the bottom of the sheet will work most of the time, it isn’t always 100% effective (you have to also factor in specificity) and it does increase the overall size of the CSS file unnecessarily over time.

    Thank You again ESMI.

    I have come across these WP Theme CSS Reset things:

    http://muiomuio.com/web-development/wordpress-theme-css-reset

    http://meyerweb.com/eric/tools/css/reset/

    Im just curious? If one appends these to the style.css by way of import AT THE TOP – as is said in this article – “A CSS reset will set all default values of HTML elements to zero.”

    The one thing any of these reset articles DOESNT state is WHAT YOU DO AFTER? Do you go ahead and redefine these tags and stuff the way you like – at the end of the STYLE.CSS? OR edit the RESET CSS file itself as a baseline to ones liking? If the latter is done does the STYLE.CSS still take precedence?

    I have tried these BUT when one goes to use FIREBUG ( Or in my Case DRAGON FLY in OPERA ) – You end up with a whole load more CSS to sift through when trying to customize a new theme ..

    Thoughts??
    Aidan

    esmi

    @esmi

    Forum Moderator

    Personally I dislike reset sheets. Most of them are either badly written or are not followed up by a sheet that then sets all of the defaults up correctly. I prefer to work with the browsers and re-style where necessary rather than reducing everything to the lowest common denominator first. I also tend to create 2 or three sheets for my own themes, so the last thing I want is a 4th!

    At the end of the day, it’s all down to personal taste but I’d say if you can live without reset sheets, don’t use ’em.

    Didn’t know that Opera has a Firebug-like add-on. I might have a look at it. 🙂

    Yip Esmi,

    Opera v10.53 up I think.

    Just go to TOOLS / ADVANCED / Select Opera Dragonfly ..

    Not as featured as Firebug YET, but pretty solid – I like it, but then am a big fan of Opera anyway …

    Aidan

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Basic Tags in WP …. How best to “Restyle” them?’ is closed to new replies.