Heatmap – Removing Widebar and Sidebar

Ryannel,
Are you just asking to have a heatmap theme without any sidebars at all?
Do you want the content area to stretch right across the page?
(draw a sketch of the layout and send it to me if I’m not understanding right)

If you want to drastically change the theme layout, why not just find another theme that already has the layout you want?

Thanks for the prompt response.

We really like the Heatmap theme as it is extremely customizable and adsense ready.

We are using an iframe in the main content area but the main contact area isn’t big enough for the iframe we are using. If you run a report you will see the right hand side is cut off:
https://seotest.co.za/seo-test

The above is a dev test site so would like to get it working and preferably with the Heatmap Theme.

Hope you can assist – thanks

Ryannel,

I suggest making a custom page template for containing your iframe code.

Create a file called wide-page.php

pop this code in it…

<?php
/*
Template Name: Wide Page
*/
?>

<?php get_header(); ?>

<div class="wide-page-content">
	<!-- YOUR CODE GOES HERE -->
</div>

<?php get_footer();?>

Your Iframe code goes in the YOUR CODE GOES HERE bit ??

Then just go to your admin
PAGES -> EDIT -> SEO TEST

and in the ATTRIBUTES section change the template to ‘Wide Page’.

Your IFRAME should now have more elbow room.

You can add the wide-page-content class to your style.css and then style the margins and padding to suit what you are doing.

(please note that the above is a very simple example of how to do this…if you want to include the actual content from the seo-test page (that is typed in the page editor) – you’ll need to look at page.php to figure out how to add the page title and content in).

Hi Stuart,

Thanks again for the prompt response.

I have followed your instructions but page now doesn’t seem to show the iframe:

inserted the iframe code and uploaded file
<div class=”wide-page-content”>
<!– [iframe https://www.seotest.co.za/SEO/seo.html 900 800] –>
and changed template to Wide Page

result: https://seotest.co.za/seo-test

As mentioned earlier not very experienced with WP so your assistance is greatly appreciated.

Thanks

Using the method I describe above you will need to use HTML to call your Iframe. (You are trying to use a shortcode with a plugin).

Try using the following code instead…

<?php
/*
Template Name: Wide Page
*/
?>

<?php get_header(); ?>

<div class="wide-page-content">
	<iframe src ="https://www.seotest.co.za/SEO/seo.html" width="900" height="800"></iframe>
</div>

<?php get_footer();?>

Hi Stuart,

I added the HTML to the page and on the Edit Page, Visual Tab, am able to see the iframe. It however doesn’t appear on the website.

Getting closer – any further suggestions?

Thanks

In addition, if I click between Visual and HTML on Edit Page the code and visual iframe disappears. Have to go to pages menu and then open the page again. Bit of a strange one.

Ryannel,

I cant figure out how exactly how your trying to do this so I’ll just step you through it.

1) Using plain old text editor just make a text file with the code as described above (nothing else) called wide-page.php

2) Upload it to you heatmap-adsense-theme directory.

3) Then just go to your admin
PAGES -> EDIT -> SEO TEST

and in the ATTRIBUTES section change the template to ‘Wide Page’.

and voila you should have your seo test page.

I have it working as described above on this page…
https://heatmaptheme.org/seotest/

Good luck ??

Thanks Stuart,

It works brilliantly!

I was adding the html code you provided to the HTML editor in wp-admin. That where the problem was.

Thanks again for the great and speedy support!

No Problem Ryannel,
Don’t forget to set this topic as [Resolved] ??