image on header

Random stuff about serendipity. Discussion, Questions, Paraphernalia.
Post Reply
smithy
Regular
Posts: 9
Joined: Wed Feb 10, 2010 3:16 am

image on header

Post by smithy »

I have as my defalt the Bulletproof v1.4/green, can someone please tell me how i get a small image to the left of the title text in the header.

Or how can i change the header completly with a custom header.

Thank you inadvance

smithy
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: image on header

Post by yellowled »

smithy wrote:I have as my defalt the Bulletproof v1.4/green, can someone please tell me how i get a small image to the left of the title text in the header.
This is very easy using the Bulletproof theme options ("Manage styles" in your backend) to add a header background image from the s9y media database. http://s9y-bulletproof.com/archives/10- ... tions.html should get you started, but it should be pretty self-explanatory anyway.

If you need further assistance (you might need to add some CSS to position the headings correctly), just holler.

YL
smithy
Regular
Posts: 9
Joined: Wed Feb 10, 2010 3:16 am

Re: image on header

Post by smithy »

thanks for the info, and i will give you a shout if i get stuck :wink:
smithy
Regular
Posts: 9
Joined: Wed Feb 10, 2010 3:16 am

Re: image on header

Post by smithy »

i have installed the graphic on the header but some of the text is on the graphic, how can i move the text to the right. http://beersaturday.com/
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: image on header

Post by yellowled »

smithy wrote:i have installed the graphic on the header but some of the text is on the graphic
This is what I was referring to earlier :) You need to activate your user.css (again, in the theme options) after actually creating a file called user.css in /templates/bulletproof/ which should contain:

Code: Select all

#serendipity_banner h1,
#serendipity_banner h2 { padding-left: 105px; }
Don't forget to save and upload the user.css! (In case you need a recommendation for a text editor, notepad++ is quite popular for Windows; I guess if you're a Linux or Mac user, you'll find a decent text editor within a heartbeat.)

You might want to play with the exact value in px here. Also, you might want to check the BP doc blog and/or the forum to learn why using the user.css is good for you (it's safe in case of an update) :)

YL
smithy
Regular
Posts: 9
Joined: Wed Feb 10, 2010 3:16 am

Re: image on header

Post by smithy »

I have done this and it worked well, thank you for your help.:)
Post Reply