WordPress.org

Support

Support » Plugins and Hacks » WooCommerce ShareThis Integration » Facebook Like button text cropped / cut off

Facebook Like button text cropped / cut off

  • Hi Coen,

    Many thanks for this slick addition to Woocommerce.

    One small issue, after installing I notice that the Facebook like button text ‘Be the first of your friends to like this.’ is squashed / cut off.

    I can’t seem to find the css element to widen the text box for this?
    Tried various things like:

    ._51mz {
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 200px;
    }

    But no luck, hope you can help.
    I’m using the latest Woocommerce.

    Thanks Kevin

    https://wordpress.org/plugins/woocommerce-sharethis-integration/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Same problem. Any solution?

    Same problem here also.

    The solution seems to be to go to the sharethis.com web site, login to your account, click on the Get Sharing at top, then skip step 1 since we already have the plugin… select your style and customize, then click “Get Code” and copy all the code that is just a bunch of spans and stick that into the ShareThis code in Woocommerce->settings->integration

    Remove any old facebook like button iframe script you had before.

    I’ve not found that works for me – when I paste the code in, it gets truncated and altered even when you directly type it in.

    What I found works is this:

    The default code that woo commerce sets up is:

    <div class="social">
    	<iframe src="https://www.facebook.com/plugins/like.php?href={permalink}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" style="border:none;overflow:hidden;width:100px;height:21px"></iframe>
    	<span class="st_twitter">
            </span><span class="st_email">
            </span><span class="st_sharethis">
            </span><span class="st_plusone_button"></span>
    </div>

    Try deleting the iframe and then add whatever buttons you need following the same format i.e.

    <div class="social">
    <span class="st_facebook"></span>
    <span class="st_twitter"></span>
    <span class="st_email"></span>
    <span class="st_sharethis"></span>
    <span class="st_plusone_button"></span>
    </div>

    or for large buttons:

    <div class="social">
    <span class="st_facebook_large"></span>
    <span class="st_twitter_large"></span>
    <span class="st_email_large"></span>
    <span class="st_sharethis_large"></span>
    <span class="st_plusone_button_large"></span>
    </div>

    to get the name of the classes look at the ShareThis code that DBAR describes.

    Do you have the same problem as me:

    http://sv.tinypic.com/r/2w1z51f/8

    Regards,

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Facebook Like button text cropped / cut off’ is closed to new replies.
Skip to toolbar