-
I’m using Pinboard theme to rebuild my existing site http://www.wpspandc.com at a new Australian-specific URL, http://www.wpspandc.com.au and I want the school logo to appear in the header at the top of the site, and for the background to be maroon instead of white, so that it looks similar to the old site at http://www.wpspandc.com (i.e. white on maroon, instead of maroon on white).
Is it possible to do this using Pinboard theme?
Hi wpsadmin,
Try to change the background of the header by adding this to your css:
#header {
background-color: #990033;
}and the title and site description:
#site-title a, #site-description {
color: #ffffff;
}Cheers,
Alexander @ http://www.mouseclick.comThank you, that almost worked! The background colour is now maroon, but the site title is not appearing – presumably because it is now the same colour as the background.
I removed the CSS code you suggested for the site-title and site-description, and changed the colour of the site title to white (#FFFFFF) in Theme Options > Header, and now it is appearing ok.
Now I just need to find a way of inserting the school logo in the header, similar to how it appears on http://www.wpspandc.com . When I insert the logo using the option under Theme Options > Header, it inserts a stretched or cropped version all the way across the top of the page. I want it to appear left-justified like my old website. Is this possible?
Hey The logo appears left justified when you publish it. If you upload the logo and click the publish without cropping option it should publish pretty close to what you are asking it to do.
I am trying to do something similar, but I want my image to cover the whole header. I want to replace the banner with an image. I have made the image, but cannot figure out how to upload it so that it takes up the with of the header.
Any help would be awesome.Cheers.
BenHmm, thanks for that. It must be a bug in the preview that you see when you upload the image. After I upload an image (or select one from the media library) the Preview across the top of the Appearance > Header page shows my image stretched completely out of proportion. However, if I save my changes and view the published site, the image is there correctly, and then the Preview fixes itself.
Any idea how I can “flatten” the header/banner at the top, so it takes up less screen space?
And the site’s tagline has wrapped around, and pushed too far down so it doesn’t align with the site title. Any idea how to fix that?
You must be logged in to reply to this topic.