Resize PinBin Post Boxes on Blog Homepage

  • pcGloucester

    (@pcgloucester)


    10 years ago

    Is it possible to resize the Post boxes on the blog homepage. The default with is set to 300px

    I’ve attempted to resize the boxes using CSS, but have hit an issue as the post boxes are absolute positioned underneath one another.

    Where can I change this so the boxes are 255 in width and the image and pinbin copy also get resized to fit this new size?

Viewing 1 replies (of 1 total)
  • berthok

    (@berthok)

    9 years, 5 months ago

    It is possible to do this, I just changed mine to 250px. I did it with the following changes:

    style.css
    #post-area .post {
    width: 250px;
    background: #FFF;
    margin-right: 10px;
    margin-top: 15px;
    }
    #post-area .post .pinbin-copy {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    clear: both;
    width: 230px;
    }
    #post-area .post .pinbin-date {
    width: 115px;
    color: #8e8e8e;
    font-size: 10px;
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 0;
    padding-top: 0;
    }
    #post-area .post .pinbin-link a {
    text-decoration: none;
    background: #444;
    padding: 5px 10px;
    color: #fafafa;
    font-size: 12px;
    float: right;
    cursor: pointer;
    position: absolute;
    margin-left: 199px;
    margin-top: -15px;
    }

    functions.php

    add_theme_support( ‘post-thumbnails’ );
    add_image_size(‘summary-image’, 251, 9999);
    add_image_size(‘detail-image’, 750, 9999);

Viewing 1 replies (of 1 total)
  • The topic ‘Resize PinBin Post Boxes on Blog Homepage’ is closed to new replies.