Centering Youtube video

Home Forums Envince Free Centering Youtube video

This topic contains 8 replies, has 4 voices, and was last updated by  Nima 3 months, 3 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1317432

    carlos.caffaratti
    Participant

    Hello ! I tried to center youtube video iframe with the code <center>iframe code</center> and <div style=”text-align:center”>embed-code</div> but none of them works.

    Is there a way to do that?
    Thank you in advance!

    Carlos Octavio

    #1317494

    ashishsthanp
    Moderator

    Hello, @carlos.caffaratti

    Can you provide us URL of your website so that we can inspect it and give you a proper solution?

    Regards,
    ThemeGrill Support Team.

    #1317547

    carlos.caffaratti
    Participant

    I just installed Envince, and as i like the way of the demo posts, i am starting to editing them, so i started with first post.
    That one is in http://caly.world/2016/04/12/megan/

    it also is not centering, like the first text post where it says “Hoy conoceremos a Megan !”

    Thanks

    #1317622

    carlos.caffaratti
    Participant

    I think I did it, or at last its kinda centered.
    The code I used is <div style="padding-left: 90px;"> code here </div>
    And i think it´s kinda in the center.

    How can i know wich is the correct number to correctly center? I used padding-left: 90px but i dont know if it´s correctly centered or just to the right instead of left. I wish you can understand me!

    And… about that. Another question.
    What if i change the name and replace “Featured” name with “Destacados” ?
    Will it work as its working now?

    #1317682

    Nilan
    Moderator

    Hi Carlos,

    To make your video exactly centered to your site, you’ll have to make inline styling like this <div style="text-align: center">

    Then you’ll have to adjust some CSS code. Please, add or copy following CSS to your custom CSS;

    .embed-wrap {
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    
    .embed-wrap embed, .embed-wrap iframe, .embed-wrap object {
        height: auto;
        margin: 0 auto;
        position: relative;
        width: auto;
    }

    Hope this will work and please, do let us know after this works.

    Regarding your query about replacing “Featured” name with “Destacados” there won’t be any issues.

    Regards,
    ThemeGrill Support

    • This reply was modified 3 months, 3 weeks ago by  Nilan.
    • This reply was modified 3 months, 3 weeks ago by  Nilan.
    #1317707

    carlos.caffaratti
    Participant

    Thank you @nilanbhas ! it worked when i made the changes you said to me.

    But the video is kinda small and not the size 640×360, why can be that?

    BTW i changed the name of “Featured” and it worked also. Thank you 🙂

    #1317835

    Nilan
    Moderator

    Hi Carlos,

    You can resize your video size as you want by changing height and width. Please, make an adjustment on CSS box as below.

    .embed-wrap embed, .embed-wrap iframe, .embed-wrap object {
        height: 360;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    Regards,
    ThemeGrill Support

    #1318200

    carlos.caffaratti
    Participant

    Thank you ! it worked fine 🙂
    Now i have another question but as it have nothing to do with this, i will post in a new thread.
    Thanks again!

    #1318344

    Nima
    Moderator

    Hi,

    Happy to know your issue is resolved.
    We would really appreciate if you could leave us a review here:
    https://wordpress.org/support/theme/envince/reviews/?filter=5

    Thanks!
    ThemeGrill Support Team

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

You must be logged in to reply to this topic.