Home Forums Weaver Xtreme Theme How to Reduce White Space Under Video in Post

Topic Resolution: Resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #69064


    Hi Scrambler,

    A while ago you helped me resolve issue with sizing and inserting videos.

    However, since the last big WP update, I have guess a few changes to WP defaults have taken place which result in minor changes to the appearance.

    For example, how can I reduce the white space under the video?

    I tried inserting margin-bottom: 15px; to the style= line but it makes no difference.

    The relevant page: https://www.hiskingdomprophecy.com/judgment-is-here/

    The relevant code on that page is:

    <h3><span style="color: #ff0000;">Watch Online</span></h3>
    <div style="max-width: 464px; display: block; margin: 0 auto;"><iframe src="https://www.brighteon.com/embed/a808dfd3-85dd-4a27-88fe-b21cd7ed934b" width="464" height="250" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
    <h3><span style="color: #ff0000;">Listen Online</span></h3>
    [audio mp3="https://www.hiskingdomprophecy.com/wp-content/uploads/2021/06/JUDGMENT-IS-HERE.mp3"][/audio]
    <h3><span style="color: #ff0000;">Introduction</span></h3>
    <strong>On January of 2011

    Regards and thanks,


    The only space between the bottom of the video comes from things that have not changed.

    a 10px bottom margin you can remove by adding the rule below to the Theme Global Custom CSS Rule box

    iframe {margin-bottom:o;}

    Rest is the space above the h3, but changing that will remove space between all your headings


    Hi Scrambler,

    Thank you.

    Yes, iframe {margin-bottom:0;} makes a tiny but measurable difference and so I’ll take that! 🙂

    It just never dawned on me that iframe would have such margins etc. attached. Live and learn…

    Regards and thanks,

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.