You are viewing the PKP Support Forum | PKP Home Wiki

Banner change

Are you responsible for making OJS work -- installing, upgrading, migrating or troubleshooting? Do you think you've found a bug? Post in this forum.

Moderators: jmacgreg, btbell, michael, bdgregg, barbarah, asmecher

Forum rules
The Public Knowledge Project Support Forum is moving to http://forum.pkp.sfu.ca

This forum will be maintained permanently as an archived historical resource, but all new questions should be added to the new forum. Questions will no longer be monitored on this old forum after March 30, 2015.

Banner change

Postby renatem » Tue May 01, 2007 7:22 am


I would like to change the green background of the banner at the top of our site to white or a background image. Where in the stylesheet is set, or where else should I look for it.
Posts: 16
Joined: Tue Apr 10, 2007 4:09 pm

Postby Pamela » Tue May 01, 2007 7:49 am

If I have what you mean right look under styles/common.css

Scroll down or search for:

#header {
padding: 0;
margin: 0 auto;
background-color: #0053a0; change 0053a0 this to ffffff
text-align: center;

To set it to show an Image you need to change some code to include the image in the common.php file
Last edited by Pamela on Wed May 02, 2007 7:01 am, edited 3 times in total.
Posts: 11
Joined: Wed Apr 25, 2007 11:50 am

Postby sean » Tue May 01, 2007 8:29 am

To add an image wouldn't you do that in the header.tpl file in templates/common? Wouldn't it be better to just add a div in that file and then use css to set the desired image to be the background? I want to do a similar thing and I'm thinking that this is the way to go. Please let me know otherwise.

Posts: 37
Joined: Thu Mar 15, 2007 3:25 pm

Postby Pamela » Wed May 02, 2007 7:06 am

I added it like this, maybe theres a better way but this worked for me.

In the common.css file I located this line of code:

#header h1 {
margin: 0 auto;
padding: 0.5em 0 0.5em 0;
font-family: Georgia,'Times New Roman',Times,serif;
font-weight: normal;

And changed it to this:

#header h1 {
margin: 0 auto;
padding: 0.5em 0 0.5em 0;
background: #0053a0 url(http://www.site.ca/graphics/logo.gif) no-repeat;
width: 600px;
height: 56px;
font-family: Verdana,'Times New Roman',Times,serif;
font-weight: normal;
<a id="header h1" href="http://www.site.ca/journal/index.php"></a>
Posts: 11
Joined: Wed Apr 25, 2007 11:50 am

Return to OJS Technical Support

Who is online

Users browsing this forum: Bing [Bot] and 3 guests