Title: Help to position that code?
Last modified: December 10, 2021

---

# Help to position that code?

 *  [qnkov](https://wordpress.org/support/users/qnkov/)
 * (@qnkov)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/help-to-position-that-code/)
 * Hi there, i needed to upgrade my theme and now there are changes in theme’s single.
   php file. I was using this code:
 * `<div style="padding: 20px 96px 0px;"><?php echo do_shortcode('[wp_ulike for="
   post" style="wpulike-animated-heart"]');?></div>`
 * To show the like button in certain position, but right now it’s not working correctly
   anymore:
 * Check picture – [https://prnt.sc/22mfnce](https://prnt.sc/22mfnce)
 * Before it was in the marked place, but now it’s out of place.
 * Check how the pages looks originally – [https://prnt.sc/22mg1qy](https://prnt.sc/22mg1qy)
 * This is one page, so you can test it – [https://manga.otaku.bg/manga/the-crow-city-of-angels/](https://manga.otaku.bg/manga/the-crow-city-of-angels/)
 * Can you help with correct code to make it happen? I’ll give you code of php file:
 *     ```
       <?php
   
       	/**
       	 * The Template for Manga Detail page
       	 *
       	 * This template can be overridden by copying it to your-child-theme/madara-core/manga-single.php
       	 *
       	 * HOWEVER, on occasion Madara will need to update template files and you
       	 * (the theme developer) will need to copy the new files to your theme to
       	 * maintain compatibility. We try to do this as little as possible, but it does
       	 * happen. When this occurs the version of the template file will be bumped and
       	 * we will list any important changes on our theme release logs.
       	 * @package Madara
       	 * @version 1.7.2.2
       	 */
   
       	get_header();
   
       	use App\Madara;
   
       	$wp_manga           = madara_get_global_wp_manga();
       	$wp_manga_functions = madara_get_global_wp_manga_functions();
           $thumb_size         = array( 193, 278 );
       	$post_id            = get_the_ID();
   
           $is_oneshot = is_manga_oneshot($post_id);
   
           if($is_oneshot){
               get_template_part( '/madara-core/manga', 'oneshot' );
               exit;
           }
   
       	$madara_single_sidebar      = madara_get_theme_sidebar_setting();
       	$madara_breadcrumb          = Madara::getOption( 'manga_single_breadcrumb', 'on' );
       	$manga_profile_background   = madara_output_background_options( 'manga_profile_background' );
       	$manga_single_summary       = Madara::getOption( 'manga_single_summary', 'on' );
   
       	$wp_manga_settings = get_option( 'wp_manga_settings' );
       	$related_manga     = isset( $wp_manga_settings['related_manga'] ) ? $wp_manga_settings['related_manga'] : null;
   
           $info_summary_layout = Madara::getOption('manga_profile_summary_layout', 1);
       ?>
   
       <?php 
       do_action( 'before_manga_single' );
        ?>
       <div <?php post_class();?>>
       <div class="profile-manga summary-layout-<?php echo esc_attr($info_summary_layout);?>" style="<?php echo esc_attr( $manga_profile_background != '' ? $manga_profile_background : 'background-image: url(' . get_parent_theme_file_uri( '/images/bg-search.jpg' ) . ');' ); ?>">
           <div class="container">
               <div class="row">
                   <div class="col-12 col-sm-12 col-md-12">
       				<?php
       					if ( $madara_breadcrumb == 'on' ) {
       						get_template_part( 'madara-core/manga', 'breadcrumb' );
       					}
       				?>
                       <div class="post-title">
                           <?php madara_manga_title_badges_html( $post_id, 1 ); ?>
   
                           <h1>
       						<?php echo esc_html( get_the_title() ); ?>
                           </h1>
                       </div>
                       <div class="tab-summary <?php echo has_post_thumbnail() ? '' : esc_attr( 'no-thumb' ); ?>">
                           <?php 
                           set_query_var('thumb_size', $thumb_size);
                           set_query_var('post_id', $post_id);
                           get_template_part( '/madara-core/single/info-summary', $info_summary_layout); ?>
       <div style="padding: 20px 96px 0px;"><?php echo do_shortcode('[wp_ulike for="post" style="wpulike-animated-heart"]');?></div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
       ');?>
       <div class="c-page-content style-1">
           <div class="content-area">
               <div class="container">
                   <div class="row <?php echo esc_attr( $madara_single_sidebar == 'left' ? 'sidebar-left' : '' ) ?>">
                       <div class="main-col <?php echo esc_attr( $madara_single_sidebar !== 'full' && ( is_active_sidebar( 'manga_single_sidebar' ) || is_active_sidebar( 'main_sidebar' ) ) ? ' col-md-8 col-sm-8' : 'col-md-12 col-sm-12 sidebar-hidden' ) ?>">
                           <!-- container & no-sidebar-->
                           <div class="main-col-inner">
                               <div class="c-page">
                                   <!-- <div class="c-page__inner"> -->
                                   <div class="c-page__content">
                                       <?php if($info_summary_layout == 1 && get_the_content() != '' ) { ?>
   
                                           <div class="c-blog__heading style-2 font-heading">
   
                                               <h2 class="h4">
                                                   <i class="<?php madara_default_heading_icon(); ?>"></i>
       											<?php echo esc_attr__( 'Summary', 'madara' ); ?>
                                               </h2>
                                           </div>
                                           <div class="description-summary">
   
                                               <div class="summary__content <?php echo( esc_attr($manga_single_summary == 'on' ? 'show-more' : '' )); ?>">
                                                   <?php 
                                                   global $post;
                                                   echo apply_filters('the_content',$post->post_content);
                                                   ?>
                                               </div>
   
       										<?php if ( $manga_single_summary == 'on' ) { ?>
                                                   <div class="c-content-readmore">
                                                       <span class="btn btn-link content-readmore">
                                                           <?php echo esc_html__( 'Show more  ', 'madara' ); ?>
                                                       </span>
                                                   </div>
       										<?php } ?>
                                           </div>
       								<?php } ?>
   
       								<?php do_action('wp-manga-chapter-listing', $post_id); ?>
                                   </div>
                                   <!-- </div> -->
                               </div>
       						<?php edit_post_link(esc_html__('Edit This Manga', 'madara'));?>
   
                               <!-- comments-area -->
       						<?php 
   
       						do_action( 'wp_manga_discussion' ); ?>
                               <!-- END comments-area -->
   
       						<?php
   
       							if ( $related_manga == 1 ) {
       								get_template_part( '/madara-core/manga', 'related' );
       							}
   
       							if ( class_exists( 'WP_Manga' ) ) {
                                       $setting = Madara::getOption('manga_single_tags_post', 'info');
                                       if($setting == 'both' || $setting == 'bottom'){
                                           $GLOBALS['wp_manga']->wp_manga_get_tags();
                                       }
       							}
       						?>
   
                           </div>
                       </div>
   
       				<?php
       					if ( $madara_single_sidebar != 'full' && ( is_active_sidebar( 'main_sidebar' ) || is_active_sidebar( 'manga_single_sidebar' ) ) ) {
       						?>
                               <div class="sidebar-col col-md-4 col-sm-4">
       							<?php get_sidebar(); ?>
                               </div>
       					<?php }
       				?>
   
                   </div>
               </div>
           </div>
       </div>
   
       <?php 
       do_action( 'after_manga_single' ); ?>
       </div>
       <?php get_footer();
       ```
   
    -  This topic was modified 4 years, 6 months ago by [qnkov](https://wordpress.org/support/users/qnkov/).
    -  This topic was modified 4 years, 6 months ago by [qnkov](https://wordpress.org/support/users/qnkov/).
    -  This topic was modified 4 years, 6 months ago by [qnkov](https://wordpress.org/support/users/qnkov/).

Viewing 1 replies (of 1 total)

 *  Thread Starter [qnkov](https://wordpress.org/support/users/qnkov/)
 * (@qnkov)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/help-to-position-that-code/#post-15172630)
 * I manage to find the right .php to add it, but i need CSS code to add so i can
   align it to the right position. Can you help with that?
 * Here is pic – [https://prnt.sc/23e09vb](https://prnt.sc/23e09vb)
 * You have the link from first page.

Viewing 1 replies (of 1 total)

The topic ‘Help to position that code?’ is closed to new replies.

 * ![](https://ps.w.org/wp-ulike/assets/icon.svg?rev=2453069)
 * [WP ULike – Like & Dislike Buttons for Engagement and Feedback](https://wordpress.org/plugins/wp-ulike/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-ulike/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-ulike/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-ulike/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-ulike/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-ulike/reviews/)

 * 1 reply
 * 1 participant
 * Last reply from: [qnkov](https://wordpress.org/support/users/qnkov/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/help-to-position-that-code/#post-15172630)
 * Status: not resolved