WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Simple Mod for the Facebook Like Box (Jetpack) (5 posts)

  1. SuperEnduro
    Member
    Posted 1 year 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...):

    http://plugins.trac.wordpress.org/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

    http://wordpress.org/extend/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year 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?

    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.

  3. SuperEnduro
    Member
    Posted 1 year ago #

    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?

  4. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    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:
    http://jetpack.me/contact-support/

  5. SuperEnduro
    Member
    Posted 1 year ago #

    Okay, have submitted a ticket and thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic