Okay
  Public Ticket #3334020
Video Aspect
Closed

Comments

  •  1
    tonicanog started the conversation

    Hi there,

    Is it possible to change video aspect to 4:5?

    https://www.jacquelinebarcelona.com/en/el-comedor/

    Thanks.

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .wpb_video_widget.vc_video-aspect-ratio-11 .wpb_video_wrapper {
        padding-top: 80% !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    tonicanog replied

    Hi there,

    This aspect ratio should be vertical like the attached picture. When introducing the code, it changed to horizontal.


    Thanks.

    Attached files:  1080x1350_Ideal-image-size-.webp

  •  1,877
    Judith replied

    Hi there,

    I am not seeing the video on this page, please send the URL with the video:

    https://www.jacquelinebarcelona.com/en/el-comedor/ or please let me know whether I am missing it.

    Thanks.

  •  1
    tonicanog replied

    Sorry. I removed the CSS since it was not correct. I introduced it again so you can check.

    https://www.jacquelinebarcelona.com/en/el-comedor/ 

    As you can see, it's playing on 5:4 (horizontal). It should be 4:5 (vertical).


    Thank you.

  •  1,877
    Judith replied

    Hi there,

    Please try this css instead:

    .nectar_video_player_self_hosted .wpb_wrapper video, .nectar_video_player_self_hosted__overlay {
        height: 102vh;
    }

    Thanks.

  •  1
    tonicanog replied

    It doesn't work and generates an error. 

    Please check on site: https://www.jacquelinebarcelona.com/en/el-comedor/ 

  •  1,877
    Judith replied

    Hi there,

    I see the video taller vertically, please let me know whether I missed something.

    Thanks.

  •  1
    tonicanog replied

    It should appear same size like pictures above. 

    Attached files:  Captura.PNG

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar_video_player_self_hosted .wpb_wrapper video, .nectar_video_player_self_hosted__overlay {
        width: 90% !important;
        height: 100% !important;
    }



    Thanks.


    ThemeNectar Support Team