Notes Core theme – want to stack social buttons

  • grabowc

    (@grabowc)


    16 years, 1 month ago

    I’m using the beautiful Notes Core theme. But having trouble getting Tweetmeme and FacebookShare buttons to display vertically stacked with Tweetmeme above FBShare. See my blog: storyecho.com/blog/

    They are currently positioned side-by-side. I’ve tried making adjustments to the styling settings in each buttons Settings panel, but I never get them to display one on top of other.

    Any suggestions?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Anne Dorko

    (@annedorko)

    16 years, 1 month ago

    First of all, I suggest deleting all of the style=”” in the following and controlling your CSS from your style.css

    <div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-top: 5px; bottom: 0px; postion: relative;">

    You’ll want to put both of them a container and float them to the right, the html would look something like this (you’ll need to modify it to match your actual code): 

    <div class="share">
    <div class="tweetme"></div>
    <div class="facebook"></div>
</div>

    and the CSS (relative to that HTML) would look something like this: 

    .share {
    float: right;
    width: 50px;
}
.share .tweetme, .share .facebook {
    display: block;
}

    That might be a little buggy out of the box (as I didn’t test it), but should be a good starter point to get what you want.

    Thread Starter grabowc

    (@grabowc)

    16 years, 1 month ago

    That’s really helpful. I think there’s a problem implementing it though, as the css stylesheet for this them doesn’t display code for these share plugins. The Facebook Share and Tweetmeme buttons came from a WP Plugin and the formatting is done in each Plugin’s “Settings” area. The formatting options are limited to say the least.

    Any other suggestions?

    nsathees

    (@nsathees)

    16 years, 1 month ago

    The classes are named as follows in your blog.

    FBConnectButton_Text
    retweet

    hope it helps.

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

The topic ‘Notes Core theme – want to stack social buttons’ is closed to new replies.

Tags