Adding A Header to Malleable

1. 

   hawaiidave (Member)
   Posted 5 months ago | Permalink

   I love the work you've done with this theme. I want to add a full width header to Malleable - how would I do this, and what would be appropriate dimensions?

2. 

   Patrick Daly (Key Master)
   Posted 4 months ago | Permalink

   I'm not exactly sure how you want it to work so I can't say what the best implementation would be. But you're likely going to need to be familiar with CSS to accomplish a new header.

   The width of Malleable is 960 pixels though.

3. 

   fverni (Member)
   Posted 4 months ago | Permalink

   Hi Patrick,
   I posted a similar question today on ThemeHybrid, but since Malleable is your child; and I enjoy your site for its particulars on your themes, I ask for your indulgence.

   Expanding on hawaiidave's question:
   Can I insert a header image that is 960 wide by approximately 180 high?
   This image is artwork I will be creating in Pshop, and will include a logo and text against a background and saved as a jpg/png/whatever needed.

   Thank you.

4. 

   Patrick Daly (Key Master)
   Posted 4 months ago | Permalink

   Yep, here's what you'll need to do.

   Upload the image to /wp-content/themes/wp-full-site/images/.

   Open style.css and find #header around line 55. Edit the height appropriately and change the name of the file to your new one. The height will need to be 40 pixels shorter than your image (because of the padding).

   I would advise to make the logo separate from the background image. Otherwise it won't be clickable. So just save it with a transparent background as a PNG. Upload it to the same directory and edit line 75 of style.css to look something like:

   #site-title a {
   background: url('images/logo.png') no-repeat;
   display: block;
   height: 100px;
   text-indent: -9999px;
   width: 300px;
   }

5. 

   fverni (Member)
   Posted 4 months ago | Permalink

   Thank you, Patrick!

   I did noodle around in the code and figured out how to get the image in... I used a temporary piece of art I created (960x180) until I decide on a final image.
   The code and info in your reply is most helpful in furthering my understanding of working with themes, children, and mostly code.
   If you'd like to see the implementation, you can view it at:
   http://www.let22.org
   Let me know if you think I did anything hodge-pod if your schedule permits.

   Thanks, again.

RSS feed for this topic

Reply

You must log in to post.