Change Blog Post Page List Appearance

Discussion in 'BlackBird WordPress Theme' started by ashybaby87, Jan 10, 2013.

?

Anybody else want to have blog page list appearance options?

  1. Yes

    100.0%
  2. No

    0 vote(s)
    0.0%
Thread Status:
Not open for further replies.
  1. ashybaby87

    ashybaby87 Member

    Joined:
    Dec 31, 2012
    Messages:
    36
    Likes Received:
    0
    Hi,
    Is it possible to change the appearance of how my blog posts are displayed on my blog page:
    http://www.closetsamples.com/blog-posts/

    I would like to have my blog images in a thumbnail image to the left with my text excerpt to the right of the thumbnail possibly with a box around each post or the option of using a page divider between posts.

    Is any customization possible or where would I go/what code would I want to look for to do these customizations?

    Thanks!
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Set size to thumbnail and alignment to left while uploading post image.
    Check image for reference.
    [​IMG]

    And paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .content-bar .post .post_content img.postimg {
    margin-right: 30px;
    float:left;
    }
    .post_content p {
    padding-top:20px;
    }
    
     
  3. ashybaby87

    ashybaby87 Member

    Joined:
    Dec 31, 2012
    Messages:
    36
    Likes Received:
    0
    Would this change the appearance to the blog post list? That's what I'm looking to change, not the post itself, just the appearance of the latest posts and how they're displayed.
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Ok, For this paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .content-bar .post .post_content img.postimg {
    width:200px;
    margin-right: 30px;
    float:left;
    }
    .post_content p {
    padding-top:20px;
    }
     
  5. ashybaby87

    ashybaby87 Member

    Joined:
    Dec 31, 2012
    Messages:
    36
    Likes Received:
    0
    That code didn't do anything when I updated it. My posts still show like they normally do on the blog list.
     
  6. ashybaby87

    ashybaby87 Member

    Joined:
    Dec 31, 2012
    Messages:
    36
    Likes Received:
    0
    Cancel that, I had put an error in my code. It works! Thanks!!
     
Thread Status:
Not open for further replies.

Share This Page