Page 1 of 1

header image centered

Posted: Mon Feb 04, 2008 6:46 pm
by Bboy Nellen
So i did som style modifications and placed a image in the header,deleted the logo,...
Now,...

I was wondering how i can center my image in the header (now it's just repeating itselfs....)

thx in advance

Re: header image centered

Posted: Mon Feb 04, 2008 7:02 pm
by GTFO. snuggles
In colours.css:

Find:

Code: Select all

.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}
Add:

Code: Select all

background-position: center;
background-repeat: no-repeat;

Re: header image centered

Posted: Mon Feb 04, 2008 7:36 pm
by Bboy Nellen
thx a lot

much appreciated

Re: header image centered

Posted: Tue Feb 05, 2008 2:11 am
by Kingster
I have tried this and it will not work for me and have cleared cache and everything.

Re: header image centered

Posted: Tue Feb 05, 2008 2:18 am
by prototech
Did you refresh your theme by going to the ACP => Styles => Style Components => Themes?

Re: header image centered

Posted: Tue Feb 05, 2008 2:22 am
by Kingster
yes do I need to edit more than the files they have listed there?

Re: header image centered

Posted: Tue Feb 05, 2008 2:22 am
by prototech
No. Can you post a link to your board?

Re: header image centered

Posted: Tue Feb 05, 2008 2:35 am
by Kingster

Re: header image centered

Posted: Tue Feb 05, 2008 2:52 am
by prototech
Try replacing the following in common.css:

Code: Select all

#site-description {
	float: left;
	width: 70%;
}
With:

Code: Select all

#site-description {
	float: left;
	width: 70%;
	text-align: center;
}

Re: header image centered

Posted: Tue Feb 05, 2008 3:25 am
by Kingster
That worked for the text but I want to put a image in the whole top bar and do away with the text. I know how to do away with the text but would like a heard all the way acroos the top.
Thanks

Re: header image centered

Posted: Tue Feb 05, 2008 3:31 am
by prototech