WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: Pinboard] Homepage Posts alignment (5 posts)

  1. Steven
    Member
    Posted 11 months ago #

    Hey guys,

    Another problem that i can't seem to find out. For my webpage: http://www.slamlink.net

    I can't seem to understand why my posts summary are pushed to the bottom. I looked at the code and i believe it has to do with the aside.entry-meta and the entry-summary container sizes... I tried changing it with firebug but that didn't do the trick :/ Any suggestions would be great; thanks!

    -Steven

  2. Steven
    Member
    Posted 11 months ago #

    My current CSS is :

    #sidebar.column.threecol {
    width: 25%;
    }

    .column.twocol {
    width: 276px;
    }

    #content.column.twothirdcol {
    width: 75%;
    }

    #container .entry-meta {
    width: 185px;
    }

    #container .entry-summary {
    width: 555px;
    }

    .page .entry-title {
    text-align: center;
    }

    .page-title {
    text-align: center;
    }

    .widget-title {
    color: black;
    }

    #header #searchform {
    display: none;
    float: none;
    }

    #site-title img {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 0;
    }

    #site-description {
    display: none;
    margin: 0;
    font-weight: 300;
    float: left;
    line-height: 0;
    }

    #site-title {
    margin: 0;
    margin-right: 0;
    line-height: 0;
    float: left;
    }

    #social-media-icons {
    display: none;
    float: none;
    margin-top: 0;
    }

    #sidebar-header {
    display: none;
    }

    #sidebar-header {
    float: none;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    }

    #header {
    border-top: 0 solid #111111;
    }

  3. Steven
    Member
    Posted 11 months ago #

    update: I changed my #content to be with a fixed pixel but the posts still look funky and out of place. Is there a way i can edit the <div> directly?

    new CSS:

    #sidebar.column.threecol {
    width: 185px;
    }

    .column.twocol {
    width: 100%;
    }

    #content.column.twothirdcol {
    width: 900px;
    }

    .page .entry-title {
    text-align: center;
    }

    .page-title {
    text-align: center;
    }

    .widget-title {
    color: black;
    }

    #header #searchform {
    display: none;
    float: none;
    }

    #site-title img {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 0;
    }

    #site-description {
    display: none;
    margin: 0;
    font-weight: 300;
    float: left;
    line-height: 0;
    }

    #site-title {
    margin: 0;
    margin-right: 0;
    line-height: 0;
    float: left;
    }

    #social-media-icons {
    display: none;
    float: none;
    margin-top: 0;
    }

    #sidebar-header {
    display: none;
    }

    #sidebar-header {
    float: none;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    }

    #header {
    border-top: 0 solid #111111;
    }

  4. terryogara
    Member
    Posted 10 months ago #

    Steve, sorry to digress but I like the way you popped the nav bar under the header image. how did you do that? –thanks in advance.

  5. Steven
    Member
    Posted 10 months ago #

    Terry, if you mean the menu bar then it was how the Pinboard Theme made it. I just had to go to the WP admin page to create the menu.

Reply

You must log in to post.

About this Topic