asked on

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

Jason C. Levine

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?

sharingsunshine

ASKER

Yes, this is for a chat system. I have the code out now, I have cleared the caches and I still have the problem.

Jason C. Levine

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.

sharingsunshine

ASKER

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.

ASKER CERTIFIED SOLUTION

Jason C. Levine

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

sharingsunshine

ASKER

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,

sharingsunshine

ASKER

I also added the custom.css function at the bottom.

sharingsunshine

ASKER

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.