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

Before it was in the marked place, but now it’s out of place.

Check how the pages looks originally – https://prnt.sc/22mg1qy

This is one page, so you can test it – 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 3 years, 3 months ago by qnkov.
• This topic was modified 3 years, 3 months ago by qnkov.
• This topic was modified 3 years, 3 months ago by qnkov.