Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1155572

    FabienR
    Participant

    Hi,

    I want to put a slider containing video on my website. I used layerslider.

    http://www.ensoulrecords.com/WP/artists/domi/

    As you can see, the video width is not good.

    I found the element in the CSS that is causing trouble :

    .entry-content embed, .entry-content iframe, .entry-content object {
        width: auto;
        max-width: none;
    }

    When I uncheck it on google chrome inspector, everything works fine, the video size is ok and is responsive.

    I tried to set a custom in my stylesheet but nothing works. How can i remove this code?

    Thanks!

    Fabien

    #1155730

    Nabeel A
    Moderator

    Hi Fabien,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    p.ls-l.ls-video-layer.ls-videohack {
        width: 100% !important;
        left: 0 !important;
    }

    Let us know how this goes!

    #1155745

    FabienR
    Participant

    Hi! Thanks for your answer.

    It’s not working, the width of the slider is now too big and acting really weird, passing from narrow to wide…

    Can’t I just delete those lines below?

    .entry-content embed, .entry-content iframe, .entry-content object {
        width: auto;
        max-width: none;
    }

    Can you at least tell me in which file i can find this CSS?

    Thanks!

    #1156041

    Rad
    Moderator

    Hi there,

    If you do that, then another slide will appear full width but not your video. It will become inconsistent, the real problem is height. If you’ll match slider size to video aspect ratio, then it will work properly. Would you mind providing your login credentials? I like to check your current setting.

    Please note that a video should work on their specified aspect ratio because it will not automatically fit its height. Unless it’s embedded in normal content instead of a slide (floating elements).

    Thanks!

    #1156905

    FabienR
    Participant
    This reply has been marked as private.
    #1156951

    FabienR
    Participant
    This reply has been marked as private.
    #1157490

    Rad
    Moderator

    Hi there,

    It looks like it doesn’t retain its aspect ratio no matter what size you add. In that case, please replace it with rev. slider with auto responsive setting while Respect Aspect ratio is toggled on.

    Thanks!