• Beee

    (@beee)


    How do I remove the box shadow properly for iframes because it messes up videos (both vimeo and youtube)

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you provide a link to the webpage with the box shadow? I can’t find it on the demo website.

    Thread Starter Beee

    (@beee)

    https://www.skatesafe.org/blog/
    now notice it doesn’t show on Mac but it does on pc… both using chrome…

    Thread Starter Beee

    (@beee)

    site is not online so don’t click home/site title

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Although I can’t see the drop shadow on the webpage, on Windows in Chrome (latest), I can see the style’s CSS code.

    Do you have a section in the dashboard to hold Custom CSS?

    Thread Starter Beee

    (@beee)

    yes I do, but don’t use it. I’m using a child theme.

    This is what I see.

    View post on imgur.com

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your Child Theme stylesheet, add this;

    iframe {
     -webkit-box-shadow: none;
     box-shadow: none;
    }

    Thread Starter Beee

    (@beee)

    already tried that… no go…

    it doesn’t show in other browsers so far, only chrome.
    starting to think it’s something else instead of box shadow.

    Thread Starter Beee

    (@beee)

    I think it’s a Vimeo problem… appears on other sites without box shadow as well.

    (not sure though)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That screenshot you posted, is that just a rendering issue of the screenshot or is the problem the text is messed up? I can’t see anything wrong with that screenshot other than the text.

    Thread Starter Beee

    (@beee)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If there’s an issue within the video player, I don’t think you’ll be able to resolve it through any modifications in WordPress (including CSS). It’ll be embedded within the flash player.

    Thread Starter Beee

    (@beee)

    yeah I know… but didn’t realise it before… only just now when I checked the other site

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Remove box shadow’ is closed to new replies.