Separate Boxes for Post Excerpts (7 posts)

  1. CJHA
    Posted 4 years ago #

    I've hunted for this through the forums and google and have hit a wall.

    I'll make this as simple as possible....

    My site - http://www.ramblingirish.com (My theme - Weaver 2010))
    An example of what I want to achieve - http://www.backpackingmatt.com

    I found this site - http://worth2read.org/2009/08/08/adding-separate-boxes-for-wordpress-excerpts/

    What I need to know is how do I implement this code into my css to achieve the desired look - i.e. post excerpts in separate boxes?

    I figure it's somewhere in the weaver.css section but I'm a CSS newbie so toying with code isn't something I'm great at.

    All help appreciated! Thank you

  2. sylvain.d
    Posted 4 years ago #

    Yes the lines you would need to change are in your cstyle-weaver.css. Since your site use with background for some of its elements you will need to change those rules first and then add a white background to your post div.

    With about 5 lines of new code you site would look like this

    I recommand you read a bit on child

    Let me know what you think and i can guide you through a few changes

  3. CJHA
    Posted 4 years ago #

    wow, just spotted an even bigger problem with my sidebar now. It displays perfectly fine on the browsers im using but your image shows it's gone waaay out of proportion. Anyhow, that's for another post....

    I've read that page (and a couple of others on child themes) and I can honestly say I'm still boggled.

    I'm guessing I need to create a child theme within weaver.css, editing the #content file to manipulate the box models paddings, margins etc.

    But that's a guess, of which I have no real idea how to make reality.

    I'd like to keep the background to remain the way it is, with the container staying all white, the excerpt boxes could be a slight shade of grey or green....as opposed to your example with the background showing through.

  4. sylvain.d
    Posted 4 years ago #

    I still recommand making a child theme but if you only want to change the background color of your post you need to change the style-weaver.css file on line 101 from:

    .post {
    background-color: transparent;


    .post {
    background-color: #eee;

    and you can change the #eee for any alphanumeric color value

  5. CJHA
    Posted 4 years ago #

    Cool, what a simple solution...
    Thanks buddy.

    I'm still getting to grips with CSS so I'll look into child themes but that should do for now.

    What browser are you using to view my site? That sidebar issue is strange, with the icons going massive.
    Don't suppose you know what caused that? It looks fine in Firefox & IE.

  6. sylvain.d
    Posted 4 years ago #

    I'm using chrome 14.0.835.163 m and I have no idea what is causing this.

  7. CJHA
    Posted 4 years ago #

    Decided to delete the images from my library and reload them as 36x36 images. works like a charm now :)

    Cheers for you help with the css for the post excerpts. Hopefully over time i'll get better, i reckon my code is riddled with errors! :(

Topic Closed

This topic has been closed to new replies.

About this Topic