[Simple Facebook Connect] Manual Positioning

  • Resolved mayb101

    (@mayb101)


    15 years, 1 month ago

    I have WP 3.1.1, the SFC and STC using Twenty Ten.

    I was trying to manually place the buttons because the provided placement options don’t let them sit aligned next to each other.

    So I did it manually but it did not align that way either.
    I placed the following in loop.php

    <?php stc_tweetbutton(); ?><?php sfc_share_button(); ?>

    I was looking at OTTO site (the plugin site) and on the bottom of the posts, the two buttons sit neatly next to each other. I cannot seem to make this happen. Instead mine are crooked. I don’t know where, if at all, any styling is located.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Samuel Wood (Otto)

    (@otto42)

    ww.wp.xz.cn Admin

    15 years, 1 month ago

    Use CSS in your theme to reposition them as needed.

    Thread Starter mayb101

    (@mayb101)

    15 years, 1 month ago

    Well yes I tried that and nothing happened. 🙂

    What classes/id’s control them? I tried wrapping them in a div and that didn’t work. I tried the classes/id’s found via Firebug and that didn’t do anything. I’m no professional but not a fresh newbie to CSS. I’m baffled. I tried for several hours last night.

    Moderator Samuel Wood (Otto)

    (@otto42)

    ww.wp.xz.cn Admin

    15 years, 1 month ago

    Without actually giving me a link to your site to see them in action, it’s hard to give you any sort of answer there.

    Thread Starter mayb101

    (@mayb101)

    15 years, 1 month ago

    It’s http://newurbangirl.me/

    I’ve tried quite a bit to move these buttons around. I’m wondering if there is iframing involved or some css in the scripts being called that overrides the default theme. I put yet another few hours into it even trying other themes and the virgin Twenty Ten, nothing.

    Moderator Samuel Wood (Otto)

    (@otto42)

    ww.wp.xz.cn Admin

    15 years, 1 month ago

    Did you try this?

    .twitter-share-button {
position:relative;
bottom:-6px;
}

    Seems to work for me in Firefox.

    Thread Starter mayb101

    (@mayb101)

    15 years, 1 month ago

    Thanks — that wasn’t the one I had problems with. Sorry. That one has a class.

    <iframe scrolling="no" frameborder="0" class="<strong>twitter-share-button</strong> twitter-count-none"

    I tweetmeme doesn’t have one.

    <iframe scrolling="no" width="50" height="61" frameborder="0" src="http://api.tweetmeme.com/button.js?url=http%3A//newurbangirl.me/test-post.html&style=normal&source=NewUrbanGirl617&o=http%3A//newurbangirl.me/wp-login.php%3Floggedout%3Dtrue&b=1"></iframe>

    I could poke around the files but I didn’t want to end up having to alter it again when there is an official upgrade if I could prevent it.

    Thanks for your help. I’ll send you a coffee soon.

    Moderator Samuel Wood (Otto)

    (@otto42)

    ww.wp.xz.cn Admin

    15 years, 1 month ago

    The tweetmeme button is basically pretty pointless since twitter came out with their own button. I’ll be removing the tweetmeme button from the next release of the code.

    Thread Starter mayb101

    (@mayb101)

    15 years, 1 month ago

    Really? Bummer. I like TweetMeMe because it syndicates to TweetMeme. Okay so if I disable the add-on, with your plugin be compatible with a different TweetMeme plugin?

    Thanks for all your feedback!

    Moderator Samuel Wood (Otto)

    (@otto42)

    ww.wp.xz.cn Admin

    15 years, 1 month ago

    Probably. Tweetmeme buttons don’t depend on any particular twitter code.

    Thread Starter mayb101

    (@mayb101)

    15 years, 1 month ago

    Okay thank you! 😀

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

The topic ‘[Simple Facebook Connect] Manual Positioning’ is closed to new replies.