How Do I Add A Custom Header Banner To My Minimalist Red Style? Options

[swingkat75]

I just upgraded from 4.0 to 4.1 and had issues getting my comments to work, so I deleted all of my templates and started from scratch. I think I can live with the Minimalist Red theme if I can replace the standard header with my own .jpg and if I can figure out how to add custom items into the side column. I used to be able to just go into the stylesheet template and add away, now I just see items referenced in there and headers given their own template. Can someone please help me understand how to customize under this new system? How do I replace the banner for starts? Thank you!!!

[beausmith]

Create a new index template called "Foo" and add styles that you would like to extend (override) the default theme... such as some styles for the header:

CODE

#header {
    border-color: #470101;
    background: #ad0404 url(mybanner.gif) repeat-x bottom right;
}

Update the stylesheet index template and add an additional line to link to the new index template "Foo":

CODE

@import url(<$MTStaticWebPath$>themes-base/blog.css);
@import url(<$MTStaticWebPath$>themes/minimalist-red/screen.css);
@import url(<$MTLink template="Foo"$>);

You could place your styles directly in the Stylesheet after the two imported stylesheets, but it's better to place your additional styles into a separate index template such that if StyleCatcher is used to change styles, your additional styles aren't lost when the stylesheet template is overwritten (but of course a back up will be created)

If you'd like to modify the minimialist-red theme instead of extending it, access it directly:

CODE

http://www.domain.com/mt-static/themes/minimalist-red/screen.css

...and save it as a new index template.

Be sure to update the image paths in the copied code:

CODE

<$MTStaticWebPath$>themes/minimalist-red/IMAGE.JPG

Import blog.css as the first line of the new index template.

CODE

@import url(<$MTStaticWebPath$>themes-base/blog.css);

Cheers.