First Content Block – Video is left – need centered

  • Author
    Posts
  • #151024

    Hi – we have a vimeo video in the first content block. On the actual content block page, it is center adjusted. But on the home page, the video is left adjusted. How can we get the video center adjusted on the home page?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

    #151066
    anarieldesign
    Theme Author

    Hi,

    thank you for using our theme.

    I just checked your website and the Vimeo video on the home page is centred. Do you still need help with?

    All the best,
    Ana

    #151382
    mikemercmidwest
    Member
    Original poster

    Hi Ana,
    Yes I still need help with this – if you widen your screen size, you will see the video is left adjusted in the content block. (On a smaller 4:3 screen it looks centered, but on a widescreen monitor I see the problem)

    We didn’t have this problem before, but when I made a few text updates to the content block, this problem developed. Can you advise on how to fix?

    Thanks
    Joe

    #151429
    anarieldesign
    Theme Author

    Hi Joe,

    you have inline styles in your Vimeo code and this causes the problem, it’s not theme related:
    iframe src=”https://player.vimeo.com/video/313270723″ frameborder=”0″ webkitallowfullscreen=”” mozallowfullscreen=”” allowfullscreen=”” data-ratio=”0.5623916811091855″ data-width=”1154″ data-height=”649″ style=”display: block; margin: 0px; width: 1152px; height: 647.875px;”>

    You’ll need to remove margin form the inline styles or to write margin: 0 auto; like this:
    iframe src=”https://player.vimeo.com/video/313270723″ frameborder=”0″ webkitallowfullscreen=”” mozallowfullscreen=”” allowfullscreen=”” data-ratio=”0.5623916811091855″ data-width=”1154″ data-height=”649″ style=”display: block; margin: 0 auto; width: 1152px; height: 647.875px;”>

    Hope this helps.

    All the best,
    Ana

    #152142
    mikemercmidwest
    Member
    Original poster

    Hi Ana,
    I found a fix for it – I want to pass along in case anyone else has the same problem.
    I replaced the vimeo embed with this html code and it is centered on the homepage, as well.
    [vimeo 313270723 w=1280 h=720]

    Thanks again!
    Joe

    #152143
    mikemercmidwest
    Member
    Original poster

    sorry, here’s the code again
    iframe src=”https://player.vimeo.com/video/313270723&#8243; width=”1280″ height=”720″ frameborder=”0″ allow=”autoplay; fullscreen” allowfullscreen></iframe>

    #152168
    anarieldesign
    Theme Author

    Thank you for sharing :)

  • The topic ‘First Content Block – Video is left – need centered’ is closed to new replies.