How to add padding to embedded videos

  • Resolved SukanyaMukherjee

    (@sukanyamukherjee)


    7 years, 7 months ago

    When I embed two or more videos one after the other, they tend to stick together and form a continuous body (as can be seen in the following screenshot):

    https://tinypic.com/r/ael4z9/9

    Adding line breaks between the </div> codes doesn’t help, as it gets negated every time I click on the Update button. When I add   after the </div>, however, the space between the videos gets unnaturally wide. Here’s the screenshot of the problem:

    https://tinypic.com/r/2l8ezhx/9

    How can I embed two or more videos consecutively without messing up the space between them?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Sukanya,

    you’re using the premium theme and commercial themes are not supported through the forums on www.ads-software.com. If you’ve purchased the premium theme and in case you have any theme related questions, you can send a support request through your MH Themes account and our support staff will be more than happy to assist.

    @sukanyamukherjee

    Your css already has

    .video-container {
    margin-bottom: 20px;
}

    So maybe just add the following to you child theme / custom css area if the 20px is not enough

    .video-container {
    margin-bottom: 40px;
}

    Might be a helpful to include the url as well as I had to google one of the topics on your screenshot to find your website.

    Thread Starter SukanyaMukherjee

    (@sukanyamukherjee)

    Hello salsaturation,

    Thank you for your reply. I didn’t include the site url because I thought it was against the forum rules. Anyway, increasing the margin-bottom to 40px seemed to do the trick. Thank you once again for your help.

    You are welcome… links to the site in question actually encouraged as most people helping here won’t have the theme installed

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to add padding to embedded videos’ is closed to new replies.