Skip Navigation

[Resolved] Embedded Media field has a very large amount of white space above and below it

This support ticket is created 6 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by josephQ 6 years, 7 months ago.

Assisted by: Luo Yang.

Author
Posts
#918134
embedded media - zoomed out.png

I am trying to: add an embedded media field to a post type. When I add the field and populate it with a value, the embedded media field appears on the front-end with a very large amount of white space above and below it. Please see the attached image; note that I've zoomed to capture as much of the page as possible.

Link to a page where the issue can be seen: hidden link

I expected to see: the embedded media field content just below the page body.

Instead, I got: the embedded media field content surrounded by an ocean of white space.

#918167

Hello,

It seems to be a CSS problem of your website, I have done below modification in your website:
Dashboard-> Toolset -> Layouts CSS and JS-> CSS Editor, add below codes:

div.fluid-width-video-wrapper{
padding-top: 55% !important;
}

Please test it, check if it is fixed.
And it is only an example for your reference.

#918356

It's so crazy that the top padding was 395%. Thanks for identifying and solving the problem, Luo! I moved the CSS to the theme's style.css just for consistency's sake.