Viewing 2 replies - 1 through 2 (of 2 total)
  • First, to move the share button up inline, float the book-icon left, ie, change your style at line 155 in style.css to this:

    .book-icon {
    float: left; /* Add this float */
    position: relative;
    display: inline;
    font-size: 20px;
    top: 2px;
    }

    Add an hide the overflow on the post-meta div to contain its contents by adding overflow:hidden to .postmeta-home at line 466 in style.css as follows:

    .postmetadata-home {
    overflow: hidden; /* Make the overflow hidden */
    width: 704px;
    font-size: 13px;
    padding-top: 7px;
    padding-left: 39px;
    margin-left: -40px;
    padding-bottom: 7px;
    border-bottom: 1px solid #C9CCD4;
    border-top: 1px solid #C9CCD4;
    -webkit-box-shadow: 0px 2px 2px rgba(30, 30, 30, 0.05);
    -moz-box-shadow: 0px 2px 2px rgba(30, 30, 30, 0.05);
    box-shadow: 0px 2px 2px rgba(30, 30, 30, 0.05);
    }

    On line 122 in style.css float your addthis button left:

    .addthis {
    float: left; /* add this float */
    display: inline;
    width: 100px;
    }

    And on line 144 float your meta container left:

    .pmr {
    float: left; /* Add this float */
    display: inline;
    }

    That should do it… It works right in Chrome, you may need to check it in IE just to be sure…

    Thread Starter Niya H

    (@niya-h)

    Hey Max,
    Your the man. It fixed the problem. Great!

    Thanks a million.

    Niya H

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to move the share button, categories, by author and comments link up inline’ is closed to new replies.