Adding a Custom Banner

Random stuff about serendipity. Discussion, Questions, Paraphernalia.
Post Reply
JerryLOLer
Posts: 2
Joined: Sat Jul 09, 2011 11:09 pm

Adding a Custom Banner

Post by JerryLOLer »

Hi, I'm fairly new to using CSS, and templates and all this, I usually jut ran sites with basic HTML, and I'm currently wondering how can you add a custom banner on to your blog? The template being used is mt-trendy.

It's just a simply png image, 600x150.

I looked through the board for answers, but couldn't really find anything.

Any help will be much appreciated.
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: Adding a Custom Banner

Post by Timbalu »

Just edit the /* Banner */ section of your style.css and add something like this to #serendipity_banner

Code: Select all

#serendipity_banner {
    height: 150px;
    width: 600px;
    margin: 0;
    border: 0 none;
    background: #823995 url('img/purple_header.jpg') no-repeat;
}
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian
JerryLOLer
Posts: 2
Joined: Sat Jul 09, 2011 11:09 pm

Re: Adding a Custom Banner

Post by JerryLOLer »

Timbalu wrote:Just edit the /* Banner */ section of your style.css and add something like this to #serendipity_banner

Code: Select all

#serendipity_banner {
    height: 150px;
    width: 600px;
    margin: 0;
    border: 0 none;
    background: #823995 url('img/purple_header.jpg') no-repeat;
}
Thank you very much for the help. It worked perfectly!
Post Reply