Solved

Studiopress Extra Widget Showing Up

Posted on 2014-03-04
8
325 Views
Last Modified: 2014-03-04
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
0
Comment
Question by:sharingsunshine
  • 5
  • 3
8 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39903905
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
 

Author Comment

by:sharingsunshine
ID: 39903948
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
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39904053
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
Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

 

Author Comment

by:sharingsunshine
ID: 39904188
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
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 39904264
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
 

Author Comment

by:sharingsunshine
ID: 39904565
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
 

Author Comment

by:sharingsunshine
ID: 39904582
I also added the custom.css function at the bottom.
0
 

Author Comment

by:sharingsunshine
ID: 39905188
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

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question