WordPress.com

1. momkeepingitreal
   Member
   Dec 26, 2012, 6:43 AM

   Hi, I am having a difficult time customizing the Template Heading in The Morning After theme. I want to upload an image but not sure if it requires CSS? If so, not sure how to proceed.

   The following blog's header is an example of what I am trying to achieve: http://girlsheartbooks.com/authors/a-j/.

   I would greatly appreciate your help.
   Many thanks!

   The blog I need help with is keepingitrealmom.com.

2. michaelfields
   Staff
   Dec 26, 2012, 4:52 PM

   Hi,

   Are you referring to the "Girls Books" image? If so, then this would require CSS to insert. The "header image" in The Morning After is actually the polka dotted strip in the Girls Heart Books site.

3. momkeepingitreal
   Member
   Dec 26, 2012, 5:05 PM

   Hi,
   Yes. I am referring to the "Girls Books" image. I'm not sure the what the pix size is for that section. Or the pix size for "the ultimate daily . . ." section.

   If I purchased CSS, would what the command be to insert a customized header?

   Thanks again for ALL your support!

4. momkeepingitreal
   Member
   Dec 26, 2012, 5:05 PM

   Hi,
   Yes. I am referring to the "Girls Books" image. I'm not sure the what the pix size is for that section. Or the pix size for "the ultimate daily . . ." section.

   If I purchased CSS, would what the command be to insert a customized header?

   Thanks again for ALL your support!

5. michaelfields
   Staff
   Dec 26, 2012, 5:28 PM

   I'm not sure the what the pix size is for that section.

   That's the neat thing about the custom css upgrade, it can be any size (within reason) :) The image used on the "books" site is 960 pixels wide by 140 pixels tall.

   If I purchased CSS, would what the command be to insert a customized header?

   You would first need to upload your image to your Media Library and then something like this would get you pretty close:

   #header {
   	background: url( 'http://example.com/' ) no-repeat;
   	height: 140px;
   }

   It's hard to give you the exact code without knowing exactly how big your image will be and knowing it's address on the internet.

   If you do decide to purchase the upgrade we have a forum dedicated to CSS help. You can find it here: http://en.forums.wordpress.com/forum/css-customization

6. momkeepingitreal
   Member
   Dec 26, 2012, 5:37 PM

   Wonderful! That makes perfect sense. I will purchase CSS and go from there. Thanks, Michael.

7. michaelfields
   Staff
   Dec 26, 2012, 5:47 PM

   Awesome! Glad I could help :)

8. duto
   Member
   Dec 26, 2012, 5:50 PM

   For the two images you want to insert, the right side or the left side, it's up to you. Importantly, the amount of width not more than 960 pixels.
   It can be changed via the CSS upgrade (I did it for my blog), or it could be through HTML commands in the text widget, by adjusting the position of the image (position: absolute). See, for example, the tutorial written by Panos (justpi), here.

9. duto
   Member
   Dec 26, 2012, 5:51 PM

   Oh, sorry, almost simultaneously posting.

Topic Closed

This topic has been closed to new replies.