[Theme: Pinboard] Homepage Posts alignment

  • Steven

    (@lamsteven94)


    12 years, 12 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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Steven

    (@lamsteven94)

    12 years, 12 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;
    }

    Thread Starter Steven

    (@lamsteven94)

    12 years, 12 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;
    }

    terryogara

    (@terryogara)

    12 years, 11 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.

    Thread Starter Steven

    (@lamsteven94)

    12 years, 11 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.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Theme: Pinboard] Homepage Posts alignment’ is closed to new replies.