Prevent Comment Area From Moving Widget Area

On your page with comments, the widget is not within the .site-content div. It is on the page without the comments. That looks like first problem.

I went on the page which had comments and I used the IE developer tool. I moved the widget-area into .site-content and the FB widget moved back to the right side of the page.

How do I program in this change to make it permanent? How do I control the order divs are displayed in .site-content?

Thank you

Ross

In index.php I moved the line –

<?php get_sidebar(); ?>

Above the line –

<?php if ( have_posts() ) : ?>

I made the changes on my phone. Tomorrow morning I will be able to check if the changes have worked.

Unfortunately that did not work. Do you have any other suggestions?

Thank you

UPDATE – I altered the bottom of the index .php

<?php get_sidebar(); ?>

</div><!– #primary –>

<?php get_footer(); ?>

Then I messed around with the comment area in the IE developer tools. It became apparent that the comment area was part of the side bar or / and widget area. When I changed the width of the comment area to 200px it moved to the right hand side of the content as opposed to underneath it.

Then using IE developer tools I moved the comment area so it was nested in content – area. Then both the comment area and FB plugin appeared how I wanted them to appear.

How do I alter my code to get the comment-area to be permanently nested in content-area?

You will have to change your template files in the theme you are using. They should be in /wp-content/themes/themename/page-templates/

I am confused how I acces them files. Do I do it via Editor? I am not sure where to look in the Admin section.

Thank you for the help

My theme is Penscratch

I just tried the following URL

https://www.rosstheexplorer.com/wp-content/themes/penscratch/page-templates/

I got told that the page can’t be found

Are you running your site on WordPress.com? I have only hosted my own wordpress sites so I am not sure if you have the same features I am used to.

Under the “Appearance” sidebar in the Admin menu, is there an “Editor” option? If so, look for “‘yourtemplatename’ Page Tempate.php” file in the editor. That will be the file you need to edit.

These are the only PHP files I can see

Templates
404 Template
(404.php)
Archives
(archive.php)
Comments
(comments.php)
content-none.php
content-page.php
content-single.php
content.php
Theme Footer
(footer.php)
Full Width, No Sidebar Page Template
(fullwidth-page.php)
Theme Functions
(functions.php)
Theme Header
(header.php)
custom-header.php
(inc/custom-header.php)
customizer.php
(inc/customizer.php)
extras.php
(inc/extras.php)
jetpack.php
(inc/jetpack.php)
template-tags.php
(inc/template-tags.php)
Main Index Template
(index.php)
Single Page
(page.php)
Search Results
(search.php)
Sidebar
(sidebar.php)
Single Post
(single.php)
Styles
Stylesheet
(style.css)
Visual Editor Stylesheet
(editor-style.css)
RTL Stylesheet
(rtl.css)

I am unsure which one you are referring to

When you edit your page, there should be an option to select which template you want to use. The only custom template I see in the list is “Full Width, No Sidebar Page Template”. Make sure that is the one the page in question is using, and if it is, then look at that template.

I have now chosen that custom template for the BLue Mountains page.

The code for the custom template is

<?php
/**
* Template Name: Full Width, No Sidebar
*
* @package Penscratch
*/

// Access global variable directly to set content_width
if ( is_active_sidebar( ‘sidebar-1’ ) && isset( $GLOBALS[‘content_width’] ) )
$GLOBALS[‘content_width’] = 1091;

get_header(); ?>

<div id=”primary” class=”content-area”>
<main id=”main” class=”site-main” role=”main”>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( ‘content’, ‘page’ ); ?>

<?php
// If comments are open or we have at least one comment, load up the comment template
if ( comments_open() || ‘0’ != get_comments_number() ) :
comments_template();
endif;
?>

<?php endwhile; // end of the loop. ?>

</main><!– #main –>
</div><!– #primary –>

<?php get_footer(); ?>

I worked out the blue mountains page was using the page.php template file as oppose to the index.php file.

Then after lots of experimentation I got it working by altering the bottom of the page.php template file to the below

Before the modifications the sidebar.php was outside of the primary div and the code related to the comments was inside the primary div.

This is what the code looks like after the modification

<?php get_sidebar(); ?>

</div><!-- #primary -->

<?php
                    // If comments are open or we have at least one comment, load up the comment template
                    if ( comments_open() || '0' != get_comments_number() ) :
                        comments_template();
                    endif;
                ?>

<?php get_footer(); ?>