How To "Align Center" Embedded Video Youtube at "Blog" Theme

Home Forums Jevelin Theme How To "Align Center" Embedded Video Youtube at "Blog" Theme

Home Forums Jevelin Theme How To "Align Center" Embedded Video Youtube at "Blog" Theme

  • This topic has 6 replies, 2 voices, and was last updated 1 year ago by hade.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • Hello.

    I tried to insert Text and embedded video from youtube to my post.

    In editor mode (Visual) Text and Video was center. But in viewer mode, The Video Align is Left.

    See my attachment.

    My code in Text:

    <p style=”text-align: center;”><iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/ANbyXGc0z4U&#8221; frameborder=”0″ allowfullscreen></iframe></p>

    Thanks.

    Attachments:
    You must be logged in to view attached files.

    Hi @hade,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me the page URL from your site where it is displaying so that i can help you to centre align it?

     

    Best regards,
    Shufflehound team

    Hello,

     

    This is my page URL: http://pacul.id/manjaro-linux-15-12-capella-kde/

    My Codes:

    <p style="text-align: center;">THIS IS CENTER</p>
    <p style="text-align: center;"><iframe width="560" height="315" src="https://www.youtube.com/embed/ANbyXGc0z4U" frameborder="0" allowfullscreen></iframe></p>
    <p style="text-align: center;">THIS IS CENTER</p>
    &nbsp;

    Thanks.

    You can centre align it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .post-content iframe {
        margin: 0 auto;
    }

    Dear Support,

     

    Thanks for your help. The code is work.

    I want to ask you again, I want to add Subscribe, Like and Share Button below my youtube videos.
    Is guide to making the button included to your support facilities?

     

    Thanks

    I want to ask you again, I want to add Subscribe, Like and Share Button below my youtube videos.
    Is guide to making the button included to your support facilities?

    You can try achieving this referring the solutions provided on the following pages.

     

    http://www.wpbeginner.com/wp-tutorials/how-to-add-youtube-subscribe-button-in-wordpress/

    https://www.shoutmeloud.com/youtube-subscribe-button.html

    hade
    Participant

    hello,

     

    Thanks for your answer, my problem is solved, so you can close this case.

     

    Thanks.
    <div id=”simple-translate”>
    <div>
    <div class=”simple-translate-button ” style=”background-image: url(‘moz-extension://91b67fea-ff18-4f47-820e-ce33b8b4c47a/icons/512.png’); height: 22px; width: 22px; top: 10px; left: 10px;”></div>
    <div class=”simple-translate-panel ” style=”width: 300px; height: 200px; top: 0px; left: 0px; font-size: 13px; background-color: #ffffff;”>
    <div class=”simple-translate-result-wrapper” style=”overflow: hidden;”>
    <p class=”simple-translate-result” style=”color: #000000;”></p>
    <p class=”simple-translate-candidate” style=”color: #737373;”></p>

    </div>
    </div>
    </div>
    </div>

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