Okay
  Public Ticket #1081318
YouTube Video Resize Options?
Closed

Comments

  •  2
    MessyBeatz started the conversation
    March 2, 2017 at 3:55am

    Hello,

    Maybe I have missed a setting within the theme but I have been looking and trying for the last few days to achieve this. 

    I would like to embed YouTube videos into a blog post but I wish to resize the video - I have tried resizing directly within YouTube and then bring the code into my blog post but it seems to always size the video at around 910x537

    Is there a way I can resize these videos directly within Salient or would you know of a workaround by any chance?

    Many Thanks

    James

  •  8,999
    Tahir replied
    March 2, 2017 at 4:22pm

    Hey MB,

    The Videos inherit the width of the Column they are in so if you want to resize it to a particular size you will have to write up custom css and set a max-width on the Iframe . 

    Let me know the page url so i can write it for you .

    Be.st 

    ThemeNectar Support Team 

  •  2
    MessyBeatz replied
    March 4, 2017 at 5:02am

    Hi Tahir,

    Thank you for getting back to me - my url is: http://messybeatz.com/blog/

    If you were to look at this blog post as an example: http://messybeatz.com/russ-type-beat-underground-hip-hop-instrumental-shots-fired/

    I would like if it were possible to have the YouTube video the same size as the image above it.

    Thank you

  •  8,999
    Tahir replied
    March 4, 2017 at 4:57pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    span.embed-youtube {
    max-width: 570px;
    margin: auto;
    display: table !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    MessyBeatz replied
    March 5, 2017 at 1:58am

    Hi Tahir,

    Thank you very much - it worked perfect, had to tweak a few things (as Salient kept prompting me to)

    - after that all great. 

    Much appreciated.