Home Forums Flowfolio WordPress Theme stretching video in the video post

This topic contains 6 replies, has 2 voices, and was last updated by  tariel 3 years, 4 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #3401

    tariel
    Participant

    I noticed that when the video post is clicked on the list page, the video stretches and takes all the space that is available in the browser covering nearly everything behind

    Is it possible to define that the video, that will open, take 70% of the width and be centered horizontally and vertically?

    thank you

    #3413

    Johnny
    Participant

    Hi, please try this:
    1. open file single.php and find this:
    Galleria.run('#wrap #galleria_video_post', {
    update it to:
    Galleria.run('#wrap #galleria_video_post', {width:800,
    2. open file style.css and below codes at the bottom:

    #galleria_video_post .galleria-container {
      margin: 0 auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);}

    Best

    #3420

    tariel
    Participant

    thank you, I did it,

    But the problem is that the started video screen is not responsive. It keeps the same size [suppose 800px] unchanged on different screens.

    Can we make it not 800 px but 80% of the allocated screen width?

    #3424

    Johnny
    Participant

    Hi, please try update the statement to:
    Galleria.run('#wrap #galleria_video_post', {width:'80%',
    Best

    #3440

    tariel
    Participant

    not working, sry
    Galleria.run(‘#wrap #galleria_video_post’, {width:’80%’,
    or
    Galleria.run(‘#wrap #galleria_video_post’, {
    the effect is same

    any other solution?

    #3446

    Johnny
    Participant

    Hi, please try this:
    update

    #galleria_video_post .galleria-container {
      margin: 0 auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);}

    to

    #galleria_video_post .galleria-container {
      width:80%!important;
      margin: 0 auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);}

    Best

    #3462

    tariel
    Participant

    Its working now, thx 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.