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

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    NOT RESOLVED Posts

  • hade
    Participant

    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.

    Shufflehound Support
    Moderator

    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

    hade
    Participant

    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.

    Shufflehound Support
    Moderator

    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;
}

    hade
    Participant

    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

    Shufflehound Support
    Moderator

    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>

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