Studiopress Extra Widget Showing Up

I have a problem with an extra widget showing up. I have removed the text widget and it goes back to showing the primary sidebar box. When I put it back the extra outline of a box shows up. You can see it at the top of the text box. I checked with W3C and it validates as XHTML transitional.

I can’t find what is causing the extra box look but it makes it look like there are two search boxes when I have the search box enabled and I have double checked there is only one search and one text box. Right now only one text box is in the primary sidebar widget area.

The primary sidebar area is the section with the search box.

You can see it by looking at the top of the primary sidebar section at http://www.thefrugallife.com/wordpress/ 

The code in the text box is
<!-- Begin OCC Visitor Monitoring Only code for TFL - Customer Support department -->
<span class="occIcon-25891-55995">&nbsp;</span>	
<script type="text/javascript">
(function() {
var occ = document.createElement('script'); occ.type = 'text/javascript'; occ.async = true;
occ.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.onlinechatcenters.com/track-#####-#####.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(occ, s);
})();
</script>
<!-- End OCC Visitor Monitoring Only code --><div class="wrapper_right">
<div class="tfl_head_css">
        NATURE'S SUNSHINE</div>
        <div class="wholesale_supplements">
        <div class="thp">
        <span class="temp_body_bold_center"><a href="http://www.theherbsplace.com">
            Wholesale Supplements</a></span></div>
            
            <div class="image_cleansing">
<a href="http://www.theherbsplace.com/product.php?productid=356"><img src="/Resources/3992.gif" alt="CleanStart" width="74" height="62" class="img.cleansing" /></a></div>

<div class="cleansing_links">
      <span class="temp_body_bold_right">
      <a href="http://www.theherbsplace.com/Essential_Oil_Singles_page_1_c_33.html">Essential
      Oils</a><br />
      <a href="http://www.theherbsplace.com/Cleansing_and_Liver_page_1_c_80.html">Cleansing</a><br /><a href="http://www.theherbsplace.com/Weight_Loss_page_1_c_25.html">
            Weight Loss</a>
      </span></div></div>
      <div class="tfl_head_css">HEALTHY PET PRODUCTS</div>
      <div class="healthypetnet">
  
  
  <div class="image_pet_rightnav">
    <a href="http://www.lifesabundance.com/Pets/PetsHome.aspx?realname=10037649" target="_blank"><img src="/Resources/petclear.gif" alt="Life's Abundance" width="66" height="59" class="pet_rightnav" /></a></div>
  <br />
  <div class="pets_ssi">
  <a href="http://www.theherbsplace.com/pets.html">Herbs for Pets</a><br />
  <a href="http://www.theherbsplace.com/heartworm.html">Herbal
                  Heartworm
</a><br />
          <a href="http://www.healthypetcorner.com/frr.html" target="_blank">
                  Flint River Ranch Foods                </a><br />
                
      <a href="http://www.theherbsplace.com/sspets.html">Herbal
                  Success Stories</a><br />
                  
      <a href="http://www.lifesabundance.com/Pets/PetsHome.aspx?realname=10037649" target="_blank">Life's Abundance
          Pet Food</a>          </div> 
  </div>    
<div class="tfl_head_css">CURRENT FRUGAL NEWS</div>
<script src="http://feeds.feedburner.com/TheFrugalLifeNews?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/TheFrugalLifeNews"></a><br/>Powered by FeedBurner</p> </noscript>   
  


  <div align="left" >
    <div class="tfl_head_css_forum">FRUGAL FORUM TOPICS</div>
  <div class="leftnav_smf">
	<!--#include virtual="../smf/SSI.php?ssi_function=recentTopics" -->
 </div>

<div style="clear: both;"></div>
  </div></div>

Open in new window


By the way, I have removed all of the text in the text widget and saved the text widget and it still shows the extra box look.  If I take away the text widget it goes away.

Please help me to figure out what the problem is.

Thanks,

Randal
sharingsunshineAsked:
Who is Participating?
 
Jason C. LevineConnect With a Mentor No oneCommented:
Well now I have no idea what you did/didn't do.  The chat stuff is on the WordPress page you linked to so "I am using currently on the non WordPress pages of the site" isn't correct and I'm very confused.

First of all, deactivate caching completely.  Check to see if things disappear.

If not, the WordPress theme template for the sidebar may have been altered to insert the chat code.  If so, edit sidebar.php to remove it.
0
 
Jason C. LevineNo oneCommented:
The code causing the problem is this:

<!-- Begin OCC Visitor Monitoring Only code for TFL - Customer Support department -->
<span class="occIcon-25891-55995">&nbsp;</span>	
<script type="text/javascript">
(function() {
var occ = document.createElement('script'); occ.type = 'text/javascript'; occ.async = true;
occ.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.onlinechatcenters.com/track-#####-#####.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(occ, s);
})();
</script>
<!-- End OCC Visitor Monitoring Only code -->

Open in new window


Are you attempting to use a chat system?
0
 
sharingsunshineAuthor Commented:
Yes, this is for a chat system.  I have the code out now, I have cleared the caches and I still have the problem.
0
Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

 
Jason C. LevineNo oneCommented:
Don't know what to tell you.  Obviously whatever this chat system did, it did it in a very strange way and altered something in the theme.  If this is a plugin, disable it and see if that makes the extra box go away.
0
 
sharingsunshineAuthor Commented:
it's not a plugin it's the system I am using currently on the non WordPress pages of the site.  I am in the  process of converting it over to be all WordPress except the forum.

I can't tell  the chat system did anything if  it's removed and I still have the  problem.  Please explain what you are thinking.
0
 
sharingsunshineAuthor Commented:
Didn't see anything with sidebar.php but when I changed out functions.php it went away.  I had added a new color to functions.php.  Can you tell me what looks wrong?

Here is the original
<?php
/** Start the engine */
include_once( get_template_directory() . '/lib/init.php' );

//* Set Localization (do not remove)
load_child_theme_textdomain( 'education', apply_filters( 'child_theme_textdomain', get_stylesheet_directory() . '/languages', 'education' ) );

/** Child theme (do not remove) */
define( 'CHILD_THEME_NAME', 'Education Theme' );
define( 'CHILD_THEME_URL', 'http://my.studiopress.com/themes/education' );

/** Create additional color style options */
add_theme_support( 'genesis-style-selector', array( 
	'education-black'	=> __( 'Black' , 'education' ), 
	'education-green'	=> __( 'Green' , 'education' ), 
	'education-purple'	=> __( 'Purple' , 'education' ), 
	'education-red'		=> __( 'Red' , 'education' ), 
	'education-teal'	=> __( 'Teal' , 'education' ) 
) );

add_action( 'genesis_meta', 'education_add_viewport_meta_tag' );
/** Add Viewport meta tag for mobile browsers */
function education_add_viewport_meta_tag() {

    echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
    
}

/** Add new image sizes */
add_image_size( 'featured-image', 150, 100, TRUE );

/** Add structural wraps */
add_theme_support( 'genesis-structural-wraps', array(
	'header', 
	'nav', 
	'subnav', 
	'inner', 
	'footer-widgets', 
	'footer' 
) );

/** Add support for custom background */
add_theme_support( 'custom-background', array(
	'default-image' => get_stylesheet_directory_uri() . '/images/bg.png',
	'default-color' => 'f5f5f5',
) );

/** Add support for custom header */
add_theme_support( 'custom-header', array( 
	'width' => 380, 
	'height' => 100,
	'header-selector'	=> '#title a',
	'header-text'		=> false
) );

/** Add support for 3-column footer widgets */
add_theme_support( 'genesis-footer-widgets', 3 );

/** Reposition Primary Navigation */
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );

/** Reposition Secondary Navigation */
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_subnav' );

/** Reposition Breadcrumbs */
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
add_action( 'genesis_before_content', 'genesis_do_breadcrumbs' );

add_filter( 'genesis_comment_list_args', 'child_comment_list_args' );
/** Change avatar size */
function child_comment_list_args( $args ) {

    $args = array(
			'type' => 'comment',
			'avatar_size' => 33,
			'callback' => 'genesis_comment_callback'
		);
		
		return $args;
		
}

/** Register widget areas */
genesis_register_sidebar( array(
	'id'			=>	'slider',
	'name'			=>	__( 'Slider', 'education' ),
	'description'	=>	__( 'This is the slider section.', 'education' ),
) );
genesis_register_sidebar( array(
	'id'			=> 	'intro',
	'name'			=>	__( 'Intro', 'education' ),
	'description'	=>	__( 'This is the intro section displayed below the slider.', 'education' ),
) );
genesis_register_sidebar( array(
	'id'			=>	'featured',
	'name'			=>	__( 'Featured', 'education' ),
	'description'	=>	__( 'This is the featured section displayed below the intro.', 'education' ),
) );
genesis_register_sidebar( array(
	'id'			=>	'call-to-action',
	'name'			=>	__( 'Call To Action', 'education' ),
	'description'	=>	__( 'This is the call to action banner.', 'education' ),
) );

Open in new window


Here is the changed code
<?php
/** Start the engine */
include_once( get_template_directory() . '/lib/init.php' );

//* Set Localization (do not remove)
load_child_theme_textdomain( 'education', apply_filters( 'child_theme_textdomain', get_stylesheet_directory() . '/languages', 'education' ) );

/** Child theme (do not remove) */
define( 'CHILD_THEME_NAME', 'Education Theme' );
define( 'CHILD_THEME_URL', 'http://my.studiopress.com/themes/education' );

/** Create additional color style options */
add_theme_support( 'genesis-style-selector', array( 
	'education-black'	=> __( 'Black' , 'education' ), 
	'education-green'	=> __( 'Green' , 'education' ), 
	'education-purple'	=> __( 'Purple' , 'education' ), 
	'education-red'		=> __( 'Red' , 'education' ), 
	'education-teal'	=> __( 'Teal' , 'education' ), 
	'education-maroon'	=> __( 'Maroon' , 'education' ) 
) );

add_action( 'genesis_meta', 'education_add_viewport_meta_tag' );
/** Add Viewport meta tag for mobile browsers */
function education_add_viewport_meta_tag() {

    echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
    
}

/** Add new image sizes */
add_image_size( 'featured-image', 150, 100, TRUE );

/** Add structural wraps */
add_theme_support( 'genesis-structural-wraps', array(
	'header', 
	'nav', 
	'subnav', 
	'inner', 
	'footer-widgets', 
	'footer' 
) );

/** Add support for custom background */
add_theme_support( 'custom-background', array(
	'default-image' => get_stylesheet_directory_uri() . '/images/bg.png',
	'default-color' => '34678a',
) );
// modded color from f5f5f5 by Randal

/** Add support for custom header */
add_theme_support( 'custom-header', array( 
	'width' => 380, 
	'height' => 65,
	'header-selector'	=> '#title a',
	'header-text'		=> false
) );

/** Add support for 3-column footer widgets */
add_theme_support( 'genesis-footer-widgets', 3 );

/** Reposition Primary Navigation */
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );

/** Reposition Secondary Navigation */
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_subnav' );

/** Reposition Breadcrumbs */
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
add_action( 'genesis_before_content', 'genesis_do_breadcrumbs' );

add_filter( 'genesis_comment_list_args', 'child_comment_list_args' );
/** Change avatar size */
function child_comment_list_args( $args ) {

    $args = array(
			'type' => 'comment',
			'avatar_size' => 33,
			'callback' => 'genesis_comment_callback'
		);
		
		return $args;
		
}

/** Register widget areas */
genesis_register_sidebar( array(
	'id'			=>	'slider',
	'name'			=>	__( 'Slider', 'education' ),
	'description'	=>	__( 'This is the slider section.', 'education' ),
) );
genesis_register_sidebar( array(
	'id'			=> 	'intro',
	'name'			=>	__( 'Intro', 'education' ),
	'description'	=>	__( 'This is the intro section displayed below the slider.', 'education' ),
) );
genesis_register_sidebar( array(
	'id'			=>	'featured',
	'name'			=>	__( 'Featured', 'education' ),
	'description'	=>	__( 'This is the featured section displayed below the intro.', 'education' ),
) );
genesis_register_sidebar( array(
	'id'			=>	'call-to-action',
	'name'			=>	__( 'Call To Action', 'education' ),
	'description'	=>	__( 'This is the call to action banner.', 'education' ),
) );
function custom_style_sheet() {
wp_enqueue_style( 'custom-styling', get_stylesheet_directory_uri() . '/custom.css' );
}
add_action('wp_enqueue_scripts', 'custom_style_sheet');

Open in new window


You only need to search from maroon for the part I changed.

Thanks,
0
 
sharingsunshineAuthor Commented:
I also added the custom.css function at the bottom.
0
 
sharingsunshineAuthor Commented:
turns out it is from the second stylesheet I have added to the theme.  So I will just need to put in lines at a time to troubleshoot it.

Thanks for your help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.