ThemeShaper Forums » Thematic


Confused about overlapping elements in Thematic's default.css and typography.css

(3 posts)
  • Started 9 years ago by quugo
  • Latest reply from quugo
  • This topic is not resolved


  1. quugo

    Hello all :)

    I'm a beginner level user trying to build a Thematic child theme for my site. The
    site's design is relatively simple, yet I've encountered a problem while tweaking
    the font settings.

    Basically, I noticed that default.css and typography.css share a number of selectors,
    some of which have conflicting values, and because both are imported into style.css,
    I have trouble understanding what the function of typography.css is, and which one's
    settings are given priority, if any at all.

    A quick example to illustrate -

    body, input, textarea {
    font: 12px Arial,sans-serif;

    body, input, textarea {
    font: 15px Georgia,serif;

    Please excuse me if the reason is painfully obvious, but I can't seem to find a
    clear answer anywhere. I'm sure there's a reason for this, would anyone mind


    Posted 9 years ago #
  2. I think the typography one is a widely used set of styles based on a grid framework, and works as the fallback setting. The default defines the basic layout used for the particular look of thematic basic template. The default should override the typography one based on the order it loads.

    generally, the last one loaded is the one that takes effect.

    I copy the default into my main style file when making significant changes to a theme.

    Posted 9 years ago #
  3. quugo

    Hey jrobben

    Ah, that makes sense then. My knowledge of CSS is very patchy, so
    I wasn't sure whether the order had any effect. In that case, I'll simply
    focus my attention on default.css.

    Thanks for the reply :D

    Posted 9 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.