Simple Mod for the Facebook Like Box (Jetpack)

  • Resolved SuperEnduro

    (@superenduro)


    11 years, 9 months ago

    When adding a Title to this widget, there is no space between the title and the iframe below it when displayed (which we would like for continuity etc)

    How do we addd a simple line space between the title and the iframe itself?

    We are NOT coding boys at all (!) but we can follow clear instructions. We’re pretty sure it’s a simple php mod in here somewhere (obviously our own copy…):

    https://plugins.trac.www.ads-software.com/browser/jetpack/trunk/modules/widgets/facebook-likebox.php

    Specifically at line 79 here (we think….)

    It’s not a simple “\n” or “\r\n” as we’ve tried that!

    Thanks (for being patient)

    72 echo $before_widget;
    73
    74 if ( ! empty( $title ) ) :
    75 echo $before_title;
    76 ?>“><?php echo esc_html( $title ); ?><?php
    77 echo $after_title;
    78 endif;
    79
    80 ?><iframe src=”<?php echo esc_url( $like_url ); ?>” scrolling=”no” frameborder=”0″ style=”border: none; overflow: hidden;<?php echo 0 != $like_args[‘width’] ? ‘ width: ‘ . (int) $like_args[‘width’] . ‘px; ‘ : ”; ?> height: <?php echo (int) $like_args[‘height’]; ?>px; background: <?php echo esc_attr( $like_bg_colour ); ?>”></iframe><?php

    https://www.ads-software.com/extend/plugins/jetpack/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    When adding a Title to this widget, there is no space between the title and the iframe below it when displayed (which we would like for continuity etc)

    How do we addd a simple line space between the title and the iframe itself?

    You do not have to edit the plugin files to add this space; you should be able to control the margins around the widget title with CSS.

    Try adding the following CSS code to your theme stylesheet, or to your custom CSS editor under Appearance > Edit CSS in your dashboard:

    .widget_facebook_likebox h3.widget-title {
    margin-bottom: 50px;
}

    Of course, you’re free to change the value to fit your needs!

    Let me know if it helps.

    Thread Starter SuperEnduro

    (@superenduro)

    Now that makes perfect sense (didn’t think of that…) but….. doesn’t work for some reason?

    We tried it for effect – initially as/is (via cut and paste) straight into Appearance > Edit CSS. We also get a message “Heading (h3) should not be qualified.” So of course we tried removing the h3 reference and re-trying but still no change. Hmmm

    Previously we have made very minor changes using this method without an issue. We do use an old theme iNove Version 1.4.6 as our base but everything else works just fine regardless of the theme’s age!

    Any other thoughts?

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Could you post your site URL here, so I can have a look?

    If you want it to remain private, you can also contact us via this contact form:
    https://jetpack.me/contact-support/

    Thread Starter SuperEnduro

    (@superenduro)

    Okay, have submitted a ticket and thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Simple Mod for the Facebook Like Box (Jetpack)’ is closed to new replies.