Embedded videos are transparent, too

  • Greetings,

    I’m having a problem with embedded videos from YouTube and Vimeo on my new WordPress site (which hasn’t launched yet, so I’m not sure if you’ll be able to see it with the link above). We have the background set to semi-transparent, and, as a result, the embedded videos are semi-transparent, too. Is there an easy way to make the video backgrounds opaque (e.g., by putting them in an opaque container)? Any help would be greatly appreciated.

    Thanks!

    Andrew

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sounds like the way you’re making layers transparent is incorrect and it’s inheriting to all child layers. Your site isn’t visible to us.

    Thread Starter abarnett313

    (@abarnett313)

    Thanks for responding, and apologies that you cannot see my page. We are going to launch the new site later this week. (The old version of our site does not use WP.)

    I’m hoping to find a solution to this problem before we launch. We are currently making layers transparent by going into the Appearance > Customize > Additional CSS. Here’s the code we use:

    #main {
    background: rgba(255, 255, 255, 0.0) !important;
    padding: 40px;
    }
    .menu-item {
    font-weight: 600;
    }
    .entry-title {
    display: none;
    }
    #main {
    opacity: 0.85;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Avoid using opacity on parent elements, that’s the key issue.

    Thread Starter abarnett313

    (@abarnett313)

    Ok, thanks. Is there another way to make the box on my site semi-transparent?

    • This reply was modified 5 years, 9 months ago by abarnett313.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t say the fix because I can’t see your site. RGBA should work, why it isn’t working is something that needs to be debugged in context. Seeing CSS and HTML by itself isn’t enough.

    Thread Starter abarnett313

    (@abarnett313)

    That makes sense. Once we launch the site (later this week), I can post the link so you can see. Thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Embedded videos are transparent, too’ is closed to new replies.