Movable Type Community Forum > Stylecatcher And Tweaking Styles

Full Version: Stylecatcher And Tweaking Styles

Movable Type Community Forum > Using Movable Type > Default Stylesheets

swanksalot

Sep 4 2007, 08:04 AM

Quick question: if I am using a StyleCatcher style, but want to tweak a couple of items (blockquote for instance), can I add my CSS code to the Stylesheet Base Theme, and it will be used first, before looking at the stylecatcher theme? Or am I misunderstanding how stylesheets are referenced?

thanks for the pointers
Seth

OtherNiceMan

Sep 4 2007, 08:16 AM

The style sheets cascade, the last definition for an attribute wins

e.g.

CODE

blockquote {
font-family: sans-serif;
font-size: 1em;
}

Then later (either in the style-sheet or in a sheet referenced later)

CODE

blockquote {
font-family: serif;
color: #0000ff;
}

Would mean that the final style applied would be the equivilent of

CODE

blockquote {
font-family: serif;
font-size: 1em;
color: #0000ff;
}

swanksalot

Sep 4 2007, 09:56 AM

Thanks for the info, I think I almost understand. So on my particular installation, my page's "http://www.b12partners.net/mt/styles.css" stylesheet leads to-

CODE

/* This is the StyleCatcher theme addition. Do not remove this block. */
/* Selected Layout: */
@import url(base_theme.css);
@import url(/mt-static/support/themes/hills-midnight/hills-midnight.css);
/* end StyleCatcher imports */

If I add something to the bottom, will it supersede all else?

cheers

OtherNiceMan

Sep 4 2007, 10:03 AM

QUOTE (swanksalot @ Sep 4 2007, 06:56 PM)

Thanks for the info, I think I almost understand. So on my particular installation, my page's "http://www.b12partners.net/mt/styles.css" stylesheet leads to-

CODE

If I add something to the bottom, will it supersede all else?

cheers

It will override any existing css-attribute definition for the class you add.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.