Support » Fixing WordPress » Native video html5 wrong layout buttons

  • Resolved danjde

    (@danjde)


    Hi Friends!
    A few days ago we noticed a problem with the video buttons (play, pause, full screen, mute, etc), here the video where you can see the behavior.

    This is the html code:

    [video poster="https://www.staccoexperience.com/wp-content/uploads/2019/03/copertina-video-02-e1552462718327.jpg" width="1200" height="676" mp4="https://www.staccoexperience.com/wp-content/uploads/2019/03/2a-versBN_20fps1200.mp4"][/video]

    Could you give me some tips to solve this issue? 🙂

    Many thanks!

    • This topic was modified 7 months, 3 weeks ago by danjde.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    I’m not seeing any problems here: https://cld.wthms.co/VT389H

    What exactly is the problem?

    Hi James!
    In fact I resolved last night!

    The problem was a changes on css style.
    I’m using an (abandoned) theme from Eight Degree, and I was edited its “shortcodes.css” from:

    /*-----------------------------------------------------------------------------------*/
    /*      button Styles
    /*-----------------------------------------------------------------------------------*/
    .button, button, input[type="submit"]{
      display: inline-block;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 2px solid;
      padding: 7px 40px 6px 40px;
      max-width: 100%;
      border-radius: 2px;
    }

    to

    /*-----------------------------------------------------------------------------------*/
    /*      button Styles
    /*-----------------------------------------------------------------------------------*/
    .button, button, input[type="submit"]{
      display: inline-block;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 2px solid;
      padding: 12px 40px 12px 40px !important;
      max-width: 100%;
      border-radius: 2px;
    }

    And this was break some site buttons!…

    Thanks very much for your help!!

    Davide

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Native video html5 wrong layout buttons’ is closed to new replies.