White as Milk

follow me on twitterWhite as MilkWhite as Milk is a clean wordpress theme that puts focus on the content rather than the design. Its easy to use and customize and the design stays out of your way. I started using this theme for a photoblog, but then realized that there wasn’t a good clean theme around for others to use, so here it is, download and enjoy!

Preview | Download

Version 1.8 is out and takes care of a few bugs and also has a few enhancements:

  • Better IE6 support – fixed bug where the sidebar would collapse if a photo/image was too wide.
  • Better mobile support – added support for Blackberry phones.
  • Easier to customize – most of the popular elements have been moved to the top of the stylesheet making it easier to find and edit.
  • Better widgets support.
  • Added support for tags.
  • Added Gravatar support
  • Content and sidebar area now use percentage instead of fixed widths.

Notify me when an update for White as Milk is available

FAQ

Q: How do I center the blog title in the header?
A: Open up your styles.css file and look for this piece of code: #headerimg {margin-left:28%;} and replace it with #headerimg {text-align:center}

Q: How do I make the template stretch horizontally all the way?
A: Open up your styles.css file and look for this piece of code: #page {width:700px;} and replace it with #page {width:95%;}

Q: How do I add an image in the header?

A: Open up header.php and look for these lines:

<div id=”headerimg”>
<h1><a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>
<div class=”description”><?php bloginfo(‘description’); ?></div>
</div>

and replace it with this:
<div id=”headerimg”>
<p><a href=”<?php echo get_option(‘home’); ?>/”><img src=”MYIMAGEHERE.JPG” alt=”<?php bloginfo(‘name’); ?>” />
</a></p>
</div>

Got a Question? Contact me.

Variations

White as Milk is pretty easy to customize. Just open up the styles.css file from the wordpress admin area and the top few lines should tell you how to customize your copy of the template. I’ve created a few variations for you to try out. Just click on the variation you like, copy the code and replace it with the code on the top of your styles.css file.

green pink
Green (Preview | Download) Pink (Preview | Download)
purple black
Purple (Preview | Download) Black (Preview | Download)

Tags: ,

 

Comments

193 comments so far.

Pages: « 1 2 3 [4] Show All

  1. Hello Mr. Azeez. I’m waiting for the 3-columns version your theme ;) Is it in your plan?

  2. thanks;)
    Good theme

  3. Hi – I am absolutely desperate to know how to add an image header to my blog. The following question/answer from an earlier posting doesn’t make sense to me:

    Q: How do I add an image in the header?
    A: Open up header.php and look for these lines:
    <div id=“headerimg”>
    <h1><a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>
    <div class=“description”><?php bloginfo(‘description’); ?></div>
    </div>

    Where do I find “header.php?” My blog looks perfect except for this one element, but it’s such an important one. Please, if anyone out there knows the answer, kindly let me know. Thanks!

  4. I love your ‘White as Milk’ theme too Mr. Azeez! I’m new at customizing code for blog templates (however, I have had practice with web html coding).

    I centered the blog title in my header to see what it would look like and was surprised to see that I cannot restore it back to the original look even though I replaced #headerimg {text-align:center} back to #headerimg {margin-left:28%;}

    I thought it would be simple to reverse if I was careful to restore things back as they were but now I see I have a problem. Can you advise me what I need to do to fix this?

  5. @sheila : do you mind sending me the link to your blog/site by email? I’ll take a look.

  6. Please forgive me for asking an unnecessary question (how to restore the header back to the left). I didn’t realize it was restored because I was paying attention to the image on the page; not realizing that was not the header.

  7. @sheila : glad it worked out.

  8. I’ve worked out almost everything except for not being able to get the 3 windows above comments for entering: NAME, EMAIL, and WEBSITE to line up neatly on the left like it does for submitting comments on posts.

    I had to enter in code just to get comments to work on pages, but I can’t find anything helpful to fix the 3 odd windows which seem to remain centered.

  9. In case if no has already mentioned how to remove an unwanted white border around images given a thin black border, when they are aligned to the right or left (this doesn’t happen when they are centered), here is how I solved that annoyance:

    change padding in:

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    to read as follows:

    img.alignright {
    padding: 0px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 0px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    It looked like 4px of white space, so I replaced 4 with 0 to eliminate it. I think I guessed correctly, since it worked.

  10. Hi! I really like the white-as-milk theme, but I would love to move the sidbar to the right side. I was now searching and analyzing the css-file for a while but could not find the atributes to change. Can someone give me a hint

  11. Great theme. Thanks!

  12. Hi. I’ve installed this theme and it works fine. However while testing it I placed it in…

    http://www.johnsroadbc.com/jrwp263/

    And now find that I do not understand how to redirect to the needed simpler address –

    http://www.johnsroadbc.com/

    I’m asking this Really Dumb question because I don’t want to screw anything up or move the entire database if a simple one line redirect (somewhere) will accomplish the goal.

    Thanks.

    Mike

  13. hey Guys, Azeem,
    Great theme am loving it.

    Couple of Qs tho.
    Is there a way I can create an excerpt of a post and only have a tease of it show on the home page? So that visitors then click on the blog post, get taken to that post page to read the entire post? Kinda like what happens at EmpireAve.com? (another site i do)

    I love how i can have a mini gallery on the home page within a post but would love to be able to have more info on the post for the reader should they want to click thru…

    Annnnnd is there way i can, at the bottom page, have a next page link? And only have say 20 posts to a page??

    Cheers ion advance.

    Lincoln

  14. I just started using your great white as milk theme and love it.

  15. Hi Azeem,

    Just wondering if “White as Milk” is compatible with WP 2.7.1 and if there is a 3 column (2 sidebars) version available?

    Thanks.

  16. It’s perfect!

    thank you very match.

  17. i use the latest WaM (from the wordpress theme catalogue) with your changes for black.css – the section at the bottom of each of my posts however appears white and the comments are unreadable (displayed white on a white background). how can i fix this?

    otherwise i love this theme. i used hemingway before but it’s not so nice for short texts to be cut off at the start. thanks! will donate!

  18. so I began making changes myself. I was planning on releasing a 1.1 version once I add support for 2.1 plus widget and lightbox support. Very nice baba

  19. hi, there is another problem with the black.css – when i click on any of my archive links – e.g. in
    http://flawntpress.com/blog/category/aleatoricityscapes

    a white bar appears below the header. i dont know where this comes from – perhaps U have an idea how 2 fix it – i’d be grateful (your previous fix worked well). thank you and have a great day!

    ff

  20. @Maui Seo: Not yet, but I plan to have one out in a little bit.

  21. Do somebody know how to change the sidebar list style? i just want the names of pages one after another without those black points and bleed. thanks you!

  22. Having no problems with theme, but was wondering what is the purpose of the mobile.css template. I am curious about promoting my site for mobile users any tidbits would be appreciated.

    Also, I have made slight modifications to the blog @ http://www.marcelinoguerrero.com., and was wondering if they would have any effect on the mobile.css

  23. Hi there. I notice that when I try to create a “Page” as opposed to a blog post that I cannot get comments or pings to turn on. I’d like to be able to post static pages and allow comments. Is this just me, or have you seen the same issue?

  24. I’d like to add a small logo to the left of my header text. Is it possible to add that in the css stylesheet? Or else how is that possible. I love this theme. Thanks so much!

  25. Question – how do you remove or resize the space above the header? I have changed so many numbers at random in the stylesheet with no joy. Thanks you.

  26. I would like to thank you, Azeem, for creating this theme and sharing it with the world :)

    It was the best starting point I could find when looking for a fitting theme for my father’s website, Clef Cleaner. I have made some changes, but you’re still credited of course.

    Vebjørn Koksvik
    Gebba Gamer

  27. A bit late to leave a message to thank you for your theme.
    My personal website is using your theme now, thank you for your sharing and hope you all the good luck

  28. Hi. I’m also stuck trying to replace the bullet points (>>) in the sidebar links. They don’t appear to be attached to any particular style, so I assume it must be generated by the PHP code somewhere. Does anyone know how that might be changed? Thanks a million, Mr. Azeez.

  29. Hi there!

    I love your theme. But I want now to put an image at the slide bar.

    I didn’t find this… Where is? Thanks a lot! “A: Open up header.php and look for these lines:

    and replace it with this:

    ””

    Where is?

  30. Azeem,

    Thank you for the excellent theme!

    I just upgraded from your version 1.0 to 1.8, so I’m just getting started on all my new tweaks, but I love all the great foundational work that you’ve done here. Way to go!

    By the way, for the people asking about removing the little >> in front of the sidebar entries, go to Stylesheet (style.css) and work on the following line:

    .entry ul li:before, #sidebar ul ul li:before {
    content: “0BB 020″;
    }

    Peace,

    mk

  31. I’ve been using this theme day 1 when i see it. Good work

  32. Phillip Napieralski
    Feb 3, 2010
    8:19 am

    I just thought I’d mention that I LOVE this theme. Simple, two-column, focuses on content… everything I want from a theme right now.

Pages: « 1 2 3 [4] Show All

Trackbacks

  1. [...] are Akismet , All in One SEO Pack, My FTP, Search Everything, and Sociable. The theme is based on white-as-milk, but I added a header image and changed the typography. I am working on a theme, but I’ll [...]

  2. [...] wie sagt man so schön?, magazinigeres Layout umgestellt habe. Das ist jetzt vorbei. Mit dem Theme White as Milk verwende ich absofort wieder ein klassisch-chronologisch sortiertes Design, das sich obendrein [...]

  3. [...] I decided on changing the blog’s current theme to Azeem Azeez’s Brilliant and clean White as Milk. As I was editing the header file from the new theme, I accidently erased a huge part of the file [...]

  4. [...] I think I’ll stick with this theme. Fight the urge, [...]

  5. [...] Details | VN:F [1.1.7_509]please wait…Rating: 0.0/10 (0 votes cast) [...]

  6. [...] El diseño está basado en White as Milk, template para Wordpress, creado por Azeem Azeez [...]

  7. [...] and wicked logos, I designed this site!  Not completely, though; it’s based off of the White as Milk theme by Azeem Azeez, but any imagery you see was done by myself (including the logo!!).  This [...]

  8. [...] queria passar seu antigo blog no Blogger para o Wordpress, então desenvolvi esta customização do With As Milk para ele. Bem clean, deixou o carregamento bem rápido. Ele disse que gostou, espero que tenha [...]

  9. [...] tumblelog less a blog (because I might actually update this time). I’ve always loved the old White as Milk WP theme, which fueled me with inspiration to create this new [...]

Post Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • Archives

  • Tags

Can't find what you're looking for? Try a search below, take a look at the archives, the tags list or contact me.