WordPress.org

Ready to get started?Download WordPress

Forums

Basic Tags in WP .... How best to "Restyle" them? (7 posts)

  1. aidanodr
    Member
    Posted 4 years ago #

    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

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    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.

  3. aidanodr
    Member
    Posted 4 years ago #

    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

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    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.

  5. aidanodr
    Member
    Posted 4 years ago #

    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

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    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. :-)

  7. aidanodr
    Member
    Posted 4 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic