how to center iframe | Clasy Website Builders

By admin / January 12, 2022

The HTML align attribute is used to specify the alignment of the inline-frame according to the alternate element. left: It sets the alignment of an iframe to left. right: It sets the alignment of an iframe to right. middle: It sets the alignment of an iframe to the middle.29-Sept-2021<br /> To center the YouTube embed (iframe) we simply need to add a DIV on it and text-align center the contents.13-Oct-2020</p> <h3>How do you align frames in HTML?</h3> <p>To center the YouTube embed (iframe) we simply need to add a DIV on it and text-align center the contents.</p> <p> </p> <h3>How do you center embed code in HTML?</h3> <p>Centering the frame involves adding the “align” property within the iframe HTML code and using a div tag to center it on the web page. To center align an « ifrem » in HTML element you can use text-align: center in div tag.</p> <p> </p> <h3>How do you center an iframe on YouTube?</h3> <p>To center a div horizontally on a page, simply set the width of the element and the margin property to auto. That way, the div will take up whatever width is specified in the CSS and the browser will ensure the remaining space is split equally between the two margins.</p> <p> </p> <h3>How do I center an iframe in WordPress?</h3> <p>How To Center Your Website. Use a container element and set a specific max-width . A common width many websites use is 960px. To actually center the page, add margin: auto .</p> <p> </p> <h3>How do I center an iframe video in HTML?</h3> <p>Click on the Text editor. This is where the embedding link should be located. Locate the embedding link. There should be a part that says “text-align: left;” and all you need to do is change the word “left” to the word “center” and the video will be centered.</p> <p> </p> <h3>How do I center a div?</h3> <p>Put three columns in the table and embed the video in the center column. 3. On the editing page of your website try viewing the frame of the object, highlight it and click the ‘center’ option.</p> <p> </p> <h3>How do I center align a body in HTML?</h3> <p>If you want to center text you would do it with the text-align:center; if it a section or items you want to center you can use either grid or flex box; to align in either of this you would use the command justify-content to align horizontally or align-items to align vertically.</p> <p> </p> <h3>How do I center an embedded link?</h3> <p>To center text in CSS, use the text-align property and define it with the value “center.” Let’s start with an easy example. Say you have a text-only web page and want to center all the text. Then you could use the CSS universal selector (*) or the type selector body to target every element on the page.</p> <p> </p> <h3>How do I center a Vimeo video in HTML?</h3> <p>Center Align Text</p> <p> To just center the text inside an element, use text-align: center; This text is centered.</p> <p> </p> <h3>How do I center HTML code in WordPress?</h3> <p>Embed A Video Using An Embed Content Block</p> <p> If you want to center your video be sure to include <center> before the code with no spacing and </center> at the end of the code. Click save and refresh your screen to see your video if it doesn’t appear automatically.</p> <p> </p> <h3>How do I center align a button?</h3> <p>In the share window that appears, click on “+Show options” in the top right corner of the lightbox, then select “Responsive.” The code in the embed section should then automatically adjust to include a new div wrapper and script tag. These elements allow the iframe to become responsive.</p> <p> </p> <h3>How do I create a content center?</h3> <p>To get your video’s embed code, select the video from the Video Manager, then click the Embed button. The embed code will be copied to your clipboard which you can then paste wherever you’d like to embed your video.</p> <p> </p> <h3>How do you center a container?</h3> <p>You can easily select the “Align Text Center” option from the block editor. This will easily align your text to center.</p> <p> </p> <h3>How do I center align a form?</h3> <p>You have to apply text-align center to the block element itself. This will move the button to the center of the page.</p> <p> </p> <h3>How do you center text?</h3> <p>In visual mode, put the cursor where you want the image to be placed. Click on the image and several options will come out on top of it. Choose Align center or no alignment. The alignment icons in the WordPress editor are for aligning text; they are not for aligning images.</p> <p> </p> <h3>How do I add an iframe map to my website?</h3> <p>CSS can be added to HTML documents in 3 ways: Inline – by using the style attribute inside HTML elements. Internal – by using a </p> <style> element in the <head> section.</p> <p> </p> <h3>How do you center align a form in HTML w3schools?</h3> <p>The text-align property in CSS is used for aligning the inner content of a block element. These are the traditional values for text-align: left – The default value.</p> <p> </p> <h3>How do I center a video embedded in squarespace?</h3> <p>Description: IFRAMEs are loved for their versatility in displaying any external content on the page painlessly. Well, this cool script creates a floating iframe, so it stays static and always in view even when the page is scrolled.</p> <p> </p> <h3>How do you center something in an Elementor?</h3> <p>To get them side-by-side, the best way is to use an HTML table (3 columns) and then insert the videos into the cells of the table. Since the wordpress editor does not have a table function, you will either have to hand code the HTML, or use one of the online HTML table creators.</p> <p> </p> <h3>How do I make an iframe responsive Vimeo?</h3> <p>Answer: Use the text-center Class</p> <p> You can simply use the built-in class . text-center on the wrapper element to center align buttons or other inline elements in Bootstrap. It will work in both Bootstrap 3 and 4 versions.</p> <p> </p> <p>How do I get the iframe code for Vimeo?</p> <span id="tho-end-content" style="display: block; visibility: hidden;"></span><span id="tve_leads_end_content" style="display: block; visibility: hidden; border: 1px solid transparent;"></span><div></div> </div> </article> <div class="clear"></div> <div class="clear"></div> <div class="clear"></div> <div class="aut"> <div class="ha"> <span class="left">About the author</span> <ul class="right"> </ul> <div class="clear"></div> </div> <div class="ta"> <div class="left tai"> <div class="auti" style="background-image: url('https://secure.gravatar.com/avatar/66908a43c78b5bbd05571a65e3ba4bcf?s=125&d=mm&r=g')"></div> </div> <div class="left tat"> <h4>admin</h4> <p> </p> </div> <div class="clear"></div> </div> </div> <div id="comments"> <div id="thrive-comments" class="clearfix"> <div class="tcm-dot-loader"> <span class="inner1"></span> <span class="inner2"></span> <span class="inner3"></span> </div> <div class="thrive-comments-content"> <div class="tcm-comments-filter"></div> <div class="tcm-comments-create"></div> <div class="tcm-comments-list"></div> <div class="tcm-lazy-comments"></div> </div> </div> </div> </section> <div class="clear"></div> <hr> </div> </div> <div class="clear"></div> <footer> <div class="ftw"> <div class="wrp"> <div class="colm oth "> <section id="recent-posts-3"><div class="scn"> <div class="twr"><p class="ttl">Recent Posts</p></div> <ul> <li> <a href="https://clasywebsitebuilders.com/condition-in-international-trade-when-the-value-of-the-imports-into/">condition in international trade when the value of the imports into</a> </li> <li> <a href="https://clasywebsitebuilders.com/7-how-do-consumers-benefit-from-international-trade/">7. how do consumers benefit from international trade</a> </li> <li> <a href="https://clasywebsitebuilders.com/u-s-market-for-wheat-when-there-is-no-international-trade-consumer-surplus-is-equa/">u.s. market for wheat. when there is no international trade, consumer surplus is equa</a> </li> <li> <a href="https://clasywebsitebuilders.com/besides-world-trade-growth-what-can-explain-the-growth-of-international-banking-since-the-1960s-2/">besides world trade growth, what can explain the growth of international banking since the 1960s</a> </li> <li> <a href="https://clasywebsitebuilders.com/when-is-international-trade-in-the-social-interest/">when is international trade in the social interest?</a> </li> </ul> </div></section> </div> <div class="colm oth "> <section id="calendar-2"><div class="scn"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar" class="wp-calendar-table"> <caption>June 2022</caption> <thead> <tr> <th scope="col" title="Monday">M</th> <th scope="col" title="Tuesday">T</th> <th scope="col" title="Wednesday">W</th> <th scope="col" title="Thursday">T</th> <th scope="col" title="Friday">F</th> <th scope="col" title="Saturday">S</th> <th scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="2" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td> </tr> <tr> <td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td> </tr> <tr> <td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td> </tr> <tr> <td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td id="today">26</td> </tr> <tr> <td>27</td><td>28</td><td>29</td><td>30</td> <td class="pad" colspan="3"> </td> </tr> </tbody> </table><nav aria-label="Previous and next months" class="wp-calendar-nav"> <span class="wp-calendar-nav-prev"><a href="https://clasywebsitebuilders.com/2022/02/">« Feb</a></span> <span class="pad"> </span> <span class="wp-calendar-nav-next"> </span> </nav></div></div></section> </div> <div class="colm oth lst"> <section id="nav_menu-2"><div class="scn"><div class="twr"><p class="ttl">Quick Links</div></p><div class="menu-main-menu-container"><ul id="menu-main-menu-1" class="menu"><li id="menu-item-207" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-207"><a href="https://clasywebsitebuilders.com/">Home</a></li> <li id="menu-item-581" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-581"><a href="https://clasywebsitebuilders.com/reviews-about-ucraft-website-building/">Reviews</a></li> <li id="menu-item-205" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-205"><a href="https://clasywebsitebuilders.com/blog/">Blog</a></li> <li id="menu-item-204" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-204"><a href="https://clasywebsitebuilders.com/about-us/">About Us</a></li> <li id="menu-item-206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-206"><a href="https://clasywebsitebuilders.com/contact-us/">Contact Us</a></li> </ul></div></div></section> </div> <div class="clear"></div> </div> </div> <div class="ftm "> <div class="wrp"> <p> @ Copyright 2018 ClasyWebsiteBuilders </p> <div class="clear"></div> </div> </div> </footer> <script type="text/template" id="comments-conversion"><# if ( html_switch === 'tcm_live_update' ) { #> <div class="tcm-thank-you-submited"> <#= custom_message #> </div> <# } #> <# if ( html_switch === 'tcm_related_posts' ) { #> <div class="tcm-posts"> <#= custom_message #> <div class="tcm-posts-list <# if ( ! show_featured_image ) { #> no-featured-image <# } #> clear-this posts-length-<#= ThriveComments.related_posts.length #>"> <# ThriveComments.related_posts.forEach( function ( value ) { #> <div class="tcm-post"> <# if ( show_featured_image ) { #> <div> <a href="<#= value.guid #>" style="background-image: url(<#= value.featured_image #>)" class="tcm-related-thumbnail <# if ( ! value.featured_image ) { #>tcm-no-featured-image<# } #>"> </a> </div> <# } #> <h3><a href="<#= value.guid #>"> <span> <svg class="related-posts-arrow"><use xlink:href="#tcm-related-posts-arrow"></use></svg> </span> <#= value.post_title #> </#></a></h3> </div> <# } ) #> </div> </div> <# } #> <# if ( html_switch === 'tcm_social_share' ) { #> <div class="tcm-share-post"> <#= custom_message #> <div class="share-buttons"> <# if ( share_btns.fb_share ) { #><div class="fb-button" data-href="http://www.facebook.com/share.php"></div><# } #> <# if ( share_btns.tw_share ) { #><div class="tw-button" data-href="https://twitter.com/intent/tweet"></div><# } #> <# if ( share_btns.lk_share ) { #><div class="in-button" data-href="https://www.linkedin.com/cws/share"></div><# } #> <# if ( share_btns.pt_share ) { #><div class="pt-button" data-href="http://pinterest.com/pin/create/button"></div><# } #> <# if ( share_btns.gg_share ) { #><div class="gm-button" data-href="https://plus.google.com/share"></div><# } #> <# if ( share_btns.xi_share ) { #><div class="xi-button" data-href="https://www.xing.com/spi/shares/new"></div><# } #> </div> </div> <# } #> </script><script type="text/template" id="comments-create"><# if ( ! current_user_id && comment_registration ) { #> <div class="tcm-error-heading"> <p>You need to be logged in to submit a comment</p> </div> <# } #> <div class="tcm-comment-wrapper"> <# if ( ! close_comments ) { #> <div class="tcm-create-post-container comment-id-<#= id #>" data-position="<#= position #>" data-comment-id="<#= id #>"> <# if ( gravatarActive ) { #> <div class="left"> <div class="tcm-client-avatar" <# if(typeof (ThriveComments.social_user) !== 'undefined'){#>style="background-image: url('<#= ThriveComments.social_user.picture #>')"<#}else{#>style="background-image: url('<#= photo_src #>')"<#}#>></div> </div> <# } #> <div class="right"> <div class="tcm-post-input-container"> <div class="tcm-error-message"></div> <textarea <# if ( mainInput ) { #> class='mainInput' <# } #> id='tcm-post-content' name="tcm-post-content" placeholder="<#= ThriveComments.util.render_label('enter_comment') #>"><#= comment_content #></textarea> </div> <div class="tcm-comment-additional-fields"> <div class="inner clear-this"> <# if ( ThriveComments.current_user.ID || typeof (ThriveComments.social_user) !== 'undefined') { #> <div class="tcm-comment-as"> <div class="tcm-comment-as-label"> <p>Commenting as <#= ThriveComments.current_user.display_name || ThriveComments.social_user.name #></p> </div> <div class="tcm-logout-label"> <a <# if(ThriveComments.current_user.ID){#>href="https://clasywebsitebuilders.com/wp-login.php?action=logout&_wpnonce=14b08289ce"<#}#>>Logout/Change</a> </div> </div> <div class="tcm-btn-div"> <button class="tcm-save-btn tcm-save-btn-right tcm-truncate" id="tcm-submit-comment" data-parent="<#= id #>" data-level="<#= level #>" type="submit"> <#= ThriveComments.util.render_label('submit_comment') #> </button> </div> <# } else if( ThriveComments.settings.comment_registration && !ThriveComments.current_user.ID) { #> <# if ( ! current_user_id ) { #> <button class="tcm-show-login tcm-save-btn-center" id="tcm-submit-reply" data-parent="<#= id #>" data-level="<#= level #>" type="submit"> Login on website </button> <# } #> <# } else {#> <div class="tcm-guest"> <# if ( !ThriveComments.settings.comment_registration && !ThriveComments.current_user.ID ) {#> <p><#= ThriveComments.util.render_label('guest_comment') #></p> <div class="tcm-error-message"></div> <input class="form-input" type="text" name="name" placeholder="<#= ThriveComments.util.render_label('name') #>"/> <div class="tcm-error-message"></div> <input class="form-input" type="text" name="email" placeholder="<#= ThriveComments.util.render_label('email') #>"/> <# if(ThriveComments.settings.tcm_show_url == 1){#> <div class="tcm-error-message"></div> <input class="form-input" id="tcm-author-url" type="text" name="url" placeholder="<#= ThriveComments.util.render_label('website') #>"/> <# } #> <# } #> <button class="tcm-save-btn tcm-truncate" id="tcm-submit-comment" data-parent="<#= id #>" data-level="<#= level #>" type="submit"> <#= ThriveComments.util.render_label('submit_comment') #> </button> </div> <# if ( ( ! current_user_id && ThriveComments.settings.login_activation ) || ( ThriveComments.settings.tcm_enable_social_signin === '1' && ( ( ThriveComments.settings.tcm_api_status.google === 1 && ThriveComments.settings.tcm_api_status.google_api === 1 ) || ( ThriveComments.settings.tcm_api_status.facebook === 1 && ThriveComments.settings.tcm_api_status.facebook_api === 1 ) ) ) ) { #> <div class="tcm-separator"> <span>or</span> </div> <# } #> <div class="tcm-user-details"> <# if ( ! current_user_id && ThriveComments.settings.tcm_enable_social_signin === '1' && ( ThriveComments.social_user === undefined && ( ThriveComments.settings.tcm_api_status.google === 1 && ThriveComments.settings.tcm_api_status.google_api === 1 ) || ( ThriveComments.settings.tcm_api_status.facebook === 1 && ThriveComments.settings.tcm_api_status.facebook_api === 1 ) ) ) { #> <div class="tcm-social-accounts"> <p> <#= ThriveComments.util.render_label('social_account') #> </p> <# if(ThriveComments.settings.tcm_api_status.facebook === 1 && ThriveComments.settings.tcm_api_status.facebook_api === 1){#> <span id="tcm-fb-logo" class="tcm-social-share-logo"> <span class="tcm-share-info"> Sign in with Facebook </span> </span> <# } #> <# if(ThriveComments.settings.tcm_api_status.google === 1 && ThriveComments.settings.tcm_api_status.google_api === 1){#> <span id="tcm-gp-logo" class="tcm-social-share-logo"> <span class="tcm-share-info"> Sign in with Google </span> </span> <# } #> </div> <# } #> <# if ( ! current_user_id && ThriveComments.settings.login_activation ) { #> <button class="tcm-show-login tcm-truncate" id="tcm-submit-reply" data-parent="<#= id #>" data-level="<#= level #>" type="submit" <# if(ThriveComments.settings.tcm_enable_social_signin == 1){#>style="margin-top: 20px;"<#}#>> Login on website </button> <# } #> </div> <# }#> </div> </div> </div> <div class="clear"></div> </div> <# } #> </div> </script><script type="text/template" id="comments-item"><div class="tcm-comment-content <# if ( comment.get('is_featured') === '1' ) { #> tcm-featured <# } #><# if ( comment.get('comment_approved') == 0 ) { #> tcm-comment-awaiting-moderation <# } #> level-<#= comment.get('level') #>" data-comment-id="<#= comment.get('comment_ID') #>"> <# if (comment.isPostAuthor()) { #> <svg class="author-icon-svg"><use xlink:href="#tcm-author-icon"></use></svg> <# } #> <div class="tcm-comment-header"> <# if ( gravatarActive ) { #> <div class="tcm-comment-author-img no-image" data-social-avatar="<#= comment.get('social_avatar') #>" data-email-hash="<#= comment.get('email_hash') #>" data-src="<#= comment.get('photo_src') #>" style="background-image: url(<#= comment.get('photo_src') #>)"></div> <# } #> <div class="tcm-author-content"> <div class="tcm-user-info"> <div class="tcm-comment-author-name"> <strong> <#= comment.get('comment_author') #> </strong> <# if ( comment.get('show_badge') ) { #> <# var badges_object = comment.get('user_achieved_badges');#> <# if(badges_object != undefined && badges_object.length === undefined && ThriveComments.settings.tcm_badges_option == '1'){#> <div class="tcm-author-badges"> <# _.each(badges_object,function(badge,key){ if(badge.image_url.indexOf('all_badges.svg') !== -1){#> <span class="tcm-badge svg-badge"> <span class="text"><#= badge.name #></span> <svg><use xlink:href="<#= badge.image_url #>"/></svg> </span> <#}else{#> <span class="tcm-badge" style="background-image: url('<#= badge.image_url #>')"> <span class="text"><#= badge.name #></span> </span> <#}#> <# });#> </div> <# } #> <# } #> </div> <# if ( ThriveComments.settings['comment_date'] != 0) { #> <div class="tcm-date-container"> <span> <#= comment.get('formatted_date') #> </span> </div> <# } #> </div> </div> </div> <div class="tcm-comment-text"> <p class="tcm-moderation">This comment is awaiting moderation</p> <#= comment.get('comment_content') #> </div> <div class="clearfix" style="position: relative;"> <div class="tcm-left"> <# var can_vote = true; if(ThriveComments.current_user.display_name == undefined && ThriveComments.settings.tcm_voting_only_register == 1){ can_vote = false; } if(ThriveComments.settings.tcm_vote_type != 'no_vote' && (comment.get('comment_approved') == 1) && can_vote){#> <div class="tcm-voting-container"> <span> <#= ThriveComments.util.render_label('vote') #> </span> <div class="tcm-voting-input tcm-upvote <# if(last_vote == 'upvote'){#> active <# } #>" data-type="upvote"> <span class="tcm-icon-thumb_up"></span> <span class="tcm-votes-count"><#= comment.get('upvote') #></span> </div> <# if(ThriveComments.settings.tcm_vote_type != 'up_only'){#> <div class="tcm-voting-input tcm-downvote <# if(last_vote == 'downvote'){#> active <# } #>" data-type="downvote"> <span class="tcm-icon-thumb_down"></span> <span class="tcm-votes-count"><#= comment.get('downvote') #> </span> </div> <# } #> </div> <# } #> <# if ( share_individual_comments && (comment.get('comment_approved') == 1 ) ) { #> <div class="tcm-dropdown tcm-share-dropdown"> <span class="tcm-toggle-button"> <#= ThriveComments.util.render_label('share') #> <svg class="bulk-action-arrow-svg"><use xlink:href="#tcm-bulk-action-arrow"></use></svg> </span> <div class="tcm-dropdown-content"> <div class="tcm-dropdown-element"> <a href="http://www.facebook.com/share.php" class="tcm-fb-icon tcm-share-facebook" data-url="https://clasywebsitebuilders.com/how-to-center-iframe/#comments/<#= comment.get('comment_ID') #>"> Facebook </a> </div> <div class="tcm-dropdown-element"> <a href="https://twitter.com/intent/tweet" class="tcm-tw-icon tcm-share-twitter" data-url="https://clasywebsitebuilders.com/how-to-center-iframe/#comments/<#= comment.get('comment_ID') #>"> Twitter </a> </div> <div class="tcm-dropdown-element tcm-copy-input-content"> <a id="tcm-click-to-copy" class="tcm-left tcm-copy-url tcm-cu-icon" href="javascript:void(0)"data-clipboard-text="https://clasywebsitebuilders.com/how-to-center-iframe/#comments/<#= comment.get('comment_ID') #>"> <#= ThriveComments.util.render_label('copy_url') #> </a> </div> </div> </div>                                         <# } #> </div>  <# if ( comment.get('comment_approved') == 1 ) { #> <div class="tcm-reply-container"> <button class='tcm-reply-btn tcm-right tcm-truncate' data-id="<#= comment.get('comment_ID') #>" data-level="<#= comment.get('level') #>" type="submit"> <span class="reply-icon-container"> <svg class=""><use xlink:href="#tcm-reply"></use></svg> </span> <#= ThriveComments.util.render_label('reply_to_user', comment.get('comment_author')) #> </button> <div class="clear"></div> <div class="tcm-create-comment-fields"></div> </div> <# } #>  </div> <div class="clear"></div> </div> </script><script type="text/template" id="comments-lazy-loading"><# if ( commentsLength && pageComments ) { #> <div class="tcm-loader"> <div style="display: inline-block" class="tcm-dot-loader done"> <span class="inner1"></span> <span class="inner2"></span> <span class="inner3"></span> </div> <p> <#= ThriveComments.util.render_label('load_comments') #> </p> </div> <# } #> <# if ( comments_rendered > 2 && ! ThriveComments.close_comments ) { #> <div class="add-comment"> <p> <span class="add-comment-icon"> <svg class="add-comment-svg"><use xlink:href="#tcm-add-comment"></use></svg> </span> <#= ThriveComments.util.render_label('add_comment') #></#></p> </div> <# } #> <# if ( showPoweredBy ) { #> <div class="tcm-powered-by"> <a href="https://thrivethemes.com/comments/" title="Powered by Thrive Comments"> <span class="tcm-footer-logo"> <svg class="logo-footer-svg"><use xlink:href="#tcm-logo-footer"></use></svg> </span> <span> Powered by </span> <span> Thrive Comments </span> </a> </div> <# } #> <# if ( ! ThriveComments.close_comments ) { #> <div class="tcm-align-right">    <a href="javascript:void(0)" class="tcm-link-subscribe" title="<#= ThriveComments.util.render_label('subscribe') #>" <# if ( _.find( ThriveComments.post.subscriber_list, function( email ) { return email === ThriveComments.current_user.user_email } ) !== undefined ) { #> hidden <# } #> > <#= ThriveComments.util.render_label('subscribe') #></a> <div class="tcm-subscribe-form" hidden> <div class="tcm-error-message"></div> <input class="form-input tcm-subscriber-email" type="text" name="Email" placeholder="<#= ThriveComments.util.render_label('email') #>"/> <button class="submit-subscribe-post"><#= ThriveComments.util.render_label('subscribe') #></a></button> </div> </div> <# } #> <div class="clear"></div> </script><script type="text/template" id="comments-list"><div id="tcm-comments-filter" class="tcm-comments-filter"> <div class="tcm-lazy-loader"></div> </div></script><script type="text/template" id="comments-sort"><div class="tcm-comments-filters"> <div class="left"> <div class="tcm-comments-number"> <#= ThriveComments.util.render_label( 'number_of_comments', 'comment_count' ) #> </div> </div> <div class="right"> <label for="sort-by"> <#= ThriveComments.util.render_label('show_comments_first','','before') #> </label> <div name="sort-by" id="tcm-sort-by" class="tcm-dropdown tcm-filter-dropdown tcm-really-random"> <span class="tcm-toggle-button current-sorting"> <# if ( ThriveComments.settings.comment_order === 'desc') { #> <#= ThriveComments.util.render_label( 'newest') #> <# } else if( ThriveComments.settings.comment_order === 'asc') { #> <#= ThriveComments.util.render_label( 'oldest') #> <# } else {#> <# if( ThriveComments.settings.tcm_vote_type != 'no_vote' ) {#> <#= ThriveComments.util.render_label( 'top_rated') #> <# } #> <# } #> </span> <span class="dropdown-arrow-comments"> <svg class="sort-by-dropdown-svg"><use xlink:href="#tcm-sort-by-dropdown"></use></svg> </span> <div class="tcm-dropdown-content"> <div data-value="desc" class="tcm-dropdown-element tcm-sort-by"> <#= ThriveComments.util.render_label( 'newest') #> </div> <div data-value="asc" class="tcm-dropdown-element tcm-sort-by"> <#= ThriveComments.util.render_label( 'oldest') #> </div> <# if(ThriveComments.settings.tcm_vote_type != 'no_vote'){#> <div data-value="top-rated" class="tcm-dropdown-element tcm-sort-by"> <#= ThriveComments.util.render_label( 'top_rated') #> </div> <# } #> </div> </div> <label for="sort-by"> <#= ThriveComments.util.render_label('show_comments_first','','after') #> </label> </div> </div> <div class="clear"></div> <# if ( ThriveComments.close_comments ) { #> <div class="tcm-closed-comments" style="text-align: center"> <p> <#= ThriveComments.util.render_label('close_comments') #> </p> </div> <# } #></script><script type="text/template" id="facebook-meta"><meta property='og:url' content='' /> <meta property='og:type' content='article' /> <meta property='og:title' content='' /> <meta property='og:description' content='' /> <meta property='og:image' content='' /> <meta property='og:image:width' content='620'/> <meta property='og:image:height' content='541'/></script><script type="text/template" id="twitter-meta"><meta name='twitter:card' content='summary_large_image'> <meta name='twitter:title' content='' > <meta name='twitter:description' content='' > <meta name='twitter:image' content='' > </script><script type='text/javascript'> /* <![CDATA[ */ var TVE_Ult_Data = {"ajaxurl":"https:\/\/clasywebsitebuilders.com\/wp-admin\/admin-ajax.php","ajax_load_action":"tve_ult_ajax_load","conversion_events_action":"tve_ult_conversion_event","shortcode_campaign_ids":[],"matched_display_settings":[],"campaign_ids":[],"post_id":2332,"is_singular":true,"tu_em":""}; /* ]]> */ </script> <script type="text/javascript" src="https://clasywebsitebuilders.com/wp-content/plugins/thrive-ultimatum/js/dist/no-campaign.min.js?v=1.5.19"></script><div id="tve_notification_box"></div><script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/clasywebsitebuilders.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; /* ]]> */ </script> <script type='text/javascript' src='https://clasywebsitebuilders.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.4' id='contact-form-7-js'></script> <script type='text/javascript' id='toc-front-js-extra'> /* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","width":"Auto"}; /* ]]> */ </script> <script type='text/javascript' src='https://clasywebsitebuilders.com/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2106' id='toc-front-js'></script> <script type='text/javascript' src='https://clasywebsitebuilders.com/wp-content/plugins/thrive-headline-optimizer/frontend/js/triggers.min.js?ver=1.1.7' id='tho-footer-js-js'></script> <script type='text/javascript' id='thrive-main-script-js-extra'> /* <![CDATA[ */ var ThriveApp = {"ajax_url":"https:\/\/clasywebsitebuilders.com\/wp-admin\/admin-ajax.php","lazy_load_comments":"0","comments_loaded":"0","theme_uri":"https:\/\/clasywebsitebuilders.com\/wp-content\/themes\/performag","infinite_scroll":"0","is_singular":"1","load_posts_url":"https:\/\/clasywebsitebuilders.com\/wp-admin\/admin-ajax.php?action=thrive_load_more_posts","load_related_posts_url":"https:\/\/clasywebsitebuilders.com\/wp-admin\/admin-ajax.php?action=thrive_load_more_related_posts","load_latest_posts_url":"https:\/\/clasywebsitebuilders.com\/wp-admin\/admin-ajax.php?action=thrive_load_more_latest_posts","current_page":"1","currentPostId":"2332","translations":{"ProductDetails":"Product Details"}}; /* ]]> */ </script> <script type='text/javascript' src='https://clasywebsitebuilders.com/wp-content/themes/performag/js/script.min.js?ver=5.9.3' id='thrive-main-script-js'></script> <script type='text/javascript' id='tve-dash-frontend-js-extra'> /* <![CDATA[ */ var tve_dash_front = {"ajaxurl":"https:\/\/clasywebsitebuilders.com\/wp-admin\/admin-ajax.php","is_crawler":""}; /* ]]> */ </script> <script type='text/javascript' src='https://clasywebsitebuilders.com/wp-content/plugins/thrive-comments/thrive-dashboard/js/dist/frontend.min.js?ver=2.0.14' id='tve-dash-frontend-js'></script> <script type="text/javascript">/*<![CDATA[*/var THO_Front = THO_Front || {}; THO_Front.data = {"end_of_content_id":"tho-end-content","is_single":true,"log_url":"https:\/\/clasywebsitebuilders.com\/wp-json\/tho\/v1\/logs","active_triggers":{"viewport":"thrive_headline"},"log_engagements":[],"post_id":2332,"test_id":0,"const":{"_e_click":1,"_e_scroll":2,"_e_time":3,"_impression":1,"_engagement":2}}/*]]> */</script><script type="text/javascript">/*<![CDATA[*/if ( !window.TL_Const ) var TL_Const={"security":"7a6596769f","ajax_url":"https:\/\/clasywebsitebuilders.com\/wp-admin\/admin-ajax.php","forms":[],"action_conversion":"tve_leads_ajax_conversion","action_impression":"tve_leads_ajax_impression","ajax_load":0,"custom_post_data":[],"current_screen":{"screen_type":4,"screen_id":2332},"ignored_fields":["email","_captcha_size","_captcha_theme","_captcha_type","_submit_option","_use_captcha","g-recaptcha-response","__tcb_lg_fc","__tcb_lg_msg","_state","_form_type","_error_message_option","_back_url","_submit_option","url","_asset_group","_asset_option","mailchimp_optin"]}/*]]> */</script></body> </html>