Weird happening

[jcisonline]

sometimes when I post a new post on my blog it grays out the top of the page. Totally disabling the top section of my blog. the blog is jcisonline.com if you want to check it out...

[sarahG]

Without any visual to see (your blog appears fine at present) it's hard to say what's happening.

Which page does this happen on? The front page or single post page.
Does it continue to happen even on refreshing the page?
Which browser are you using when this happens?
What area are you calling the top area? Just the banner or anything else?

And can you take a screenshot when it next happens and post it up here so that we can see it, or ideally make it happen and let us know so that we can go and see it for ourselves.

[jcisonline]

I think it might have something to do with the javascript. When I have it enabled on Firefox then the top part is grayed out when it's not then it looks fine of course with the javascript turned off.


It goes past my blogroll....



I had to size it smaller so hope you can see the section at the bottom of this picture is working normal everything above the darker print is disabled.

[sarahG]

Have you tried logging out of WordPress and checking, as I use Firefox and don't see what you're getting with JS on or disabled.

Also, you do have a JS error. Open up theme.js in the js directory within the theme directory and change the line

$(document).ready(function() {

to

jQuery(document).ready(function($) {

It may solve your issue too.

[jcisonline]

ok so I think that worked...

now I installed Intense Debate today and this is what I got...

Again I turn Javascript off and it looks fine only on single posts though...

Home page looks normal

[sarahG]

Okay, sorry I didn't check your sourcecode properly. You need to move the line in the header.php file that calls the theme.js script below the line that calls jQuery.

[jcisonline]

I tried that but nothing happened.... Again I just installed the Intense Debate Plugin and now my single posts are not showing the background like in the picture I posted above. There must be some pixel size issues or something...


Should I take away intense debate and signup with another type of comment system plugin???

I think that I am going to uninstall until I can find out a way that doesn't make it look so incredibly tacky...

I have posted a new topic that I will try and get some help on thanks for all your help Sarah you are awesome!!

[sarahG]

I don't know about your plugin right now, but the problem is your theme.js file. if you look in the sourcecode at the header you'll see

<script src="http://jcisonline.com/wordpress/wp-content/themes/bt-evolution/evolution/js/theme.js" type="text/javascript"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://jcisonline.com/wordpress/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://jcisonline.com/wordpress/wp-includes/wlwmanifest.xml" />
<script type='text/javascript' src='http://jcisonline.com/wordpress/wp-includes/js/jquery/jquery.js?ver=1.2.6'></script>


As you can see, the first line is the theme.js script call. This is above the bottom line, which calls jQuery. Theme.js must be called after jQuery.

I appreciate this is a mistake in the theme, it's something that we're looking at fixing along with upgrading it to 2.7 soon.

Once that's fixed, put your plugin back in then I can look at your single post page.

[jcisonline]

I thought that I had done that here is the top of my header coding...


<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/domtab.js'; ?>"></script>
<?php wp_head(); ?>

I switched the places of the bottom two scripts. Put query on top and template on the bottom...

[sarahG]

Right okay, you need to move the theme.js call to below wp_head(). That way it will definitely be after the jQuery is called. So change the above to

<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/domtab.js'; ?>"></script>
<?php wp_head(); ?>
<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>

That will fix that.

In regards to your plugin, there's either an extra closing div in the plugin output or in the single.php file, that's breaking the layout. If it's fine when the plugin is off then the plugin must be causing the extra closing div. I've downloaded the plugin so I'll try and take a look today when I get 5 minutes, and see if I can find where the extra div is.

Also, you've caused potentially more breakages in your post code. You're using

<p style="text-align: center;">

But not closing them. I don't know if you're using the visual rich text editor or the HTML editor, but these need closing as you're leaving open paragraphs everywhere so I would try and get those fixed as well.

But, let me know where

[jcisonline]

yeah I use the visual rich editor to put the pictures and such in center alignment. Is there something that I need to do in order to close that off I had no idea....

I found the extra div and deleted it in the single post... Thanks so much for all of your help... Wonderful theme and you have gotten tons of props from me all over the place so thanks so much for everything that you have done!!! Still waiting on the center alignment text stuff too.

[sarahG]

Ah good to hear you found the extra closing div. In regards to your paragraphs not closing, that's down to the TinyMCE editor. Only solution I can think of off the top of my head is to switch to the HTML view before publishing the post and check the tags are closed properly. It sounds like you know what you're doing with HTML so a quick scan should ensure any unclosed tags are closed.

Glad the plugin is fixed and okay now :)

[jcisonline]

ok so the things that we did are still causing problems. The same type of problems so there must be some other problem. The graying out is the exact same on the home page again.

[sarahG]

What browser type and version do you use as I've checked it in Firefox and Internet Explorer 8 and both are fine.

There are a couple of simple code errors you could fix but nothing that would cause what you posted in a screenshot previously.

[jcisonline]

I use Firefox... it must just be for the admin. Not sure why it is doing that... hmmm

[sarahG]

Possibly a setting or content only set to display for the admin? I don't know of any on theme, but maybe a plugin is adding it in.