[Plugin: Tumblr Widget] Unwanted line break after video posts

  • Resolved Dylan McCall

    (@picklesworth)


    11 years, 7 months ago

    Whenever there is a video in my Tumblr widget, I end up with some HTML like this:

    <li class="tumblr_post video"><iframe width="180" height="101.25" src="http://www.youtube.com/embed/Vh2MWgfPiPU?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen=""></iframe><br><p>LAVA!! - Ph.Detours Ep. 1 (by <a href="http://www.youtube.com/watch?v=Vh2MWgfPiPU&feature=player_embedded">phdcomics</a>)</p><br></li>

    Those <br> tags result in a whole bunch of unwanted spacing below each video entry. I can add display:none to br in my CSS, but that feels like a horrible solution. I would really prefer to just get rid of them in the first place, since what they (try to) do is better done in CSS anyway.

    Any idea how I can do this? (Or, err, new feature please? :D)

    Thanks! I really like this widget.

    http://wordpress.org/extend/plugins/tumblr-widget-for-wordpress/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author gabrielroth

    (@gabrielroth)

    11 years, 6 months ago

    (Sorry for the delay in responding—the RSS feed for this forum broke, so I’m just catching up.)

    The <br> tag only forces a single line break. If you’re seeing a lot of white space, you could change the line height or other relevant properties in CSS. (That might feel less horrible to you than using ‘display:none’.) If I omitted the tag from the plugin, any text in the post runs on the same line as the video player, which usually looks weird.

    In general, the widget has to make some compromises to account for the variety of stylesheets it’s used with. And I’m loath to clutter the settings with a million checkboxes for every possible option like this—it’s more appropriately addressed in CSS.

    Hope that’s at least slightly helpful.

    Thread Starter Dylan McCall

    (@picklesworth)

    11 years, 6 months ago

    Sure, that makes sense 🙂

    I just went ahead and added a CSS rule to hide the line break:

    .tumblr_post.video br {
    display: none;
    }

    Thank you for the explanation!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Tumblr Widget] Unwanted line break after video posts’ is closed to new replies.