oEmbed iframe field centered oddly

  • Hi!
    I have a website that is using Generate Blocks and Generate Press, as well as Advanced Custom Fields. I have an oEmbed field for one of my custom fields, and it creates an iFrame on the page with an embedded video; and everything within it has a .vp-center class, which I can’t seem to override with my local css because it’s in an iframe. Is there a way for the contents of the oEmbed field to align to the top, so that there isn’t so much awkward space on resizing on this page (see link below)?

    I’ve contacted the ACF support site, but they said this is a front-end display issue that is within the purview of Generate blocks rather than ACF.

    Thanks in advance for your help.
    Elisabeth

  • Hey Elisabeth,

    Try targeting the iframe directly:

    iframe[src*="player.vimeo.com"] {
        aspect-ratio: 16 / 9;
        width: 100%;
        height: auto;
        max-width: 790px;
        display: block;
    }
  • Thank you so much, George, that worked.

  • Marked as resolved.

  • Good to know, you are welcome!

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