Wordpress Admin Panel Lost Formatting?

D

Dicebat

Well-Known Member
Joined
Mar 15, 2010
Messages
160
Reaction score
1
Location
CT
I posted a separate thread on this issue before and we established that the site wasn't hacked.

My Wordpress site's back end seems to have lost its CSS formatting. Strange thing is that it came right (I didn't do anything) for a few days and then this morning it went back to looking like this [Image]:
wordpress.png


Here are the things I've tried:

* deactivated all my plugins
* uninstalled a theme I recently installed (and completely removed it)
* Backed up my database tables (.sql file)
* backed up my plugins and images folders
* Wiped everything off the server
* Re-installed wordpress & uploaded backups
* Imported sql database tables
* Changed file permissions (as advised by another forum)
* Changed permissions back to original

Anything else I should try? Why is it doing this? - Thanks in advance!

The site is also using Cloudflare.

-------------------------------------------------------------------------------
 
Last edited:
Does it do the same thing in all browsers?
When my pages appear like that, its often because my internet connection is too slow to render the page correctly. Have you tried a different internet connection?
Otherwise I have no idea.
 
RustyPrincess said:
Does it do the same thing in all browsers?
When my pages appear like that, its often because my internet connection is too slow to render the page correctly. Have you tried a different internet connection?
Otherwise I have no idea.
Click to expand...

It does the same in other browsers as well. I have multiple other wordpress sites and their admin side pages load fine... It's only this particular site... :confused:
 
Dicebat said:
It does the same in other browsers as well. I have multiple other wordpress sites and their admin side pages load fine... It's only this particular site... :confused:
Click to expand...

Are they all hosted by the same company?
 
In your admin panel, go Updates and then Re-install Now. (Do not re-install via some auto-installer or FTP all the files again, just try a quick re-install via the admin panel.)
 
Using chrome:
hit Ctrl-Shift-I and click the 'Network' tab.
login to your admin area and see if any of the files are not being found when it loads.

Using Firebug:
Start Firebug and click the 'Network' tab.
login to your admin area and see if any of the files are not being found when it loads.


Also check for javascript or general errors when and after the page has loaded.
 
Same host as my other sites. In fact, they run off the exact same account.

I haven't activated accessibility mode (I did before but deactivated it again) - Also found that in some other thread. Tried it. Didn't work.

I have reinstalled Wordpress a couple of times now. Still does the same. And yes I can see the stylesheet via FTP...

rward said:
Using chrome:
hit Ctrl-Shift-I and click the 'Network' tab.
login to your admin area and see if any of the files are not being found when it loads.

Using Firebug:
Start Firebug and click the 'Network' tab.
login to your admin area and see if any of the files are not being found when it loads.


Also check for javascript or general errors when and after the page has loaded.
Click to expand...

Thanks for this.

There are a whole lot of Javascript files not loading... It simply says (canceled) next to them. I've also re-uploaded the wp folders containing those js files several times from fresh wordpress packages as well.

What can I do or try next?
 
Last edited:
if you are willing I can login and have a look, just create temporary ftp and admin logins. Also best would be to create a backup before hand.
 
Dicebat said:
Same host as my other sites. In fact, they run off the exact same account.

I haven't activated accessibility mode (I did before but deactivated it again) - Also found that in some other thread. Tried it. Didn't work.

I have reinstalled Wordpress a couple of times now. Still does the same. And yes I can see the stylesheet via FTP...



Thanks for this.

There are a whole lot of Javascript files not loading... It simply says (canceled) next to them. I've also re-uploaded the wp folders containing those js files several times from fresh wordpress packages as well.

What can I do or try next?
Click to expand...

JS, CSS and Flash files are generally stored on your ISP's transparent proxy and doesn't get cleared as often as HTML / ASP / PHP / etc script does, since they generally don't change often. But, this could mean that if a JS or CSS file got corrupted, and was cached corrupted, that you won't see the changes even if you re-upload the files to the server.

So, if you can, try a totally different connection (i.e. 3G / iBurst / Mugg & Bean's Wifi / etc, if you use ADSL), and use a different browser, or use the "Privacy mode" on IE, Firefox or Chrome (which will use a different cache on your PC as well) and see if that helps.
 
Dicebat said:
There are a whole lot of Javascript files not loading... It simply says (canceled) next to them. I've also re-uploaded the wp folders containing those js files several times from fresh wordpress packages as well.

What can I do or try next?
Click to expand...

try right clicking the filename in firebug/chrome thingy and say "open in new window/tab".
do you see the contents of the file?

If you see nothing, then in that new tab, try ctrl-shift-r to refresh - should tell an cache to re-get the file from source.
 
SoftDux-Rudi said:
JS, CSS and Flash files are generally stored on your ISP's transparent proxy and doesn't get cleared as often as HTML / ASP / PHP / etc script does, since they generally don't change often. But, this could mean that if a JS or CSS file got corrupted, and was cached corrupted, that you won't see the changes even if you re-upload the files to the server.

So, if you can, try a totally different connection (i.e. 3G / iBurst / Mugg & Bean's Wifi / etc, if you use ADSL), and use a different browser, or use the "Privacy mode" on IE, Firefox or Chrome (which will use a different cache on your PC as well) and see if that helps.
Click to expand...

I've gone ignito in chrome and still does the same.

Weird thing is that it came right about a week ago and worked for a few days before it went all messed up again. So as you said, maybe it is ISP related... I'll have to try that out once I get home.

I can unfortunately not give out FTP access.

Oh yes, it is also the only site on which I am running Cloudflare - Don't know if that bit of info might open the door to fixing possibilities?
 
Dicebat said:
I
Oh yes, it is also the only site on which I am running Cloudflare - Don't know if that bit of info might open the door to fixing possibilities?
Click to expand...
Yes, it probably has got something to do with the problem (SoftDux-Rudi has the right track here).
Can you disable the service somehow and then try the site?
 
rward said:
Yes, it probably has got something to do with the problem (SoftDux-Rudi has the right track here).
Can you disable the service somehow and then try the site?
Click to expand...

I'll set up an editor account for someone (a friend) and see if they see the same. If so, I'll disable Cloudflare for the time being to see if that also makes a difference. That'll take about 24 hours since I'll have to change the DNS back.

Thanks guys, will keep you posted!
 
I don't know anymore hey.... Got a friend to login with a newly created account and he's reporting the same thing.

Paused Cloudflare. I'm not sure if I have to wait a few hours but so far it's not making any difference.

I downloaded the wp-admin.css stylesheet and it looks like this:

Code: 
html,.wp-dialog{background-color:#fff;}* html input,* html .widget{border-color:#dfdfdf;}textarea,input[type="text"],input[type="password"],input[type="file"],input[type="button"],input[type="submit"],input[type="reset"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="url"],select{border-color:#dfdfdf;background-color:#fff;}kbd,code{background:#eaeaea;}input[readonly]{background-color:#eee;}.find-box-search{border-color:#dfdfdf;background-color:#f1f1f1;}.find-box{background-color:#f1f1f1;}.find-box-inside{background-color:#fff;}a.page-numbers:hover{border-color:#999;}body,#wpbody,.form-table .pre{color:#333;}body>#upload-menu{border-bottom-color:#fff;}#postcustomstuff table,#your-profile fieldset,#rightnow,div.dashboard-widget,#dashboard-widgets p.dashboard-widget-links{border-color:#D1E5EE;}#poststuff .inside label.spam,#poststuff .inside label.deleted{color:red;}#poststuff .inside label.waiting{color:orange;}#poststuff .inside label.approved{color:green;}#postcustomstuff table{border-color:#dfdfdf;background-color:#F9F9F9;}#postcustomstuff thead th{background-color:#F1F1F1;}#postcustomstuff table input,#postcustomstuff table textarea{border-color:#dfdfdf;background-color:#fff;}.widefat{border-color:#D1E5EE;background-color:#fff;}div.dashboard-widget-error{background-color:#c43;}div.dashboard-widget-notice{background-color:#cfe1ef;}div.dashboard-widget-submit{border-top-color:#ccc;}div.tabs-panel,.wp-tab-panel,ul.category-tabs li.tabs,ul.add-menu-item-tabs li.tabs,.wp-tab-active{border-color:#dfdfdf;background-color:#fff;}ul.category-tabs li.tabs,ul.add-menu-item-tabs li.tabs,.wp-tab-active{background-color:#fff;}input.disabled,textarea.disabled{background-color:#ccc;}#plugin-information .action-button a,#plugin-information .action-button a:hover,#plugin-information .action-button a:visited{color:#fff;}.widget .widget-top,.postbox h3,.stuffbox h3,.widefat thead tr th,.widefat tfoot tr th,h3.dashboard-widget-title,h3.dashboard-widget-title span,h3.dashboard-widget-title small,.find-box-head,.sidebar-name,#nav-menu-header,#nav-menu-footer,.menu-item-handle,#fullscreen-topbar{background-color:#f5fafd;background-image:-ms-linear-gradient(top,#f7fcfe,#eff8ff);background-image:-moz-linear-gradient(top,#f7fcfe,#eff8ff);background-image:-o-linear-gradient(top,#f7fcfe,#eff8ff);background-image:-webkit-gradient(linear,left top,left bottom,from(#f7fcfe),to(#eff8ff));background-image:-webkit-linear-gradient(top,#f7fcfe,#eff8ff);background-image:linear-gradient(top,#f7fcfe,#eff8ff);}.widget .widget-top,.postbox h3,.stuffbox h3{border-bottom-color:#D1E5EE;text-shadow:#fff 0 1px 0;-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff;}.form-table th,.form-wrap label{color:#222;text-shadow:#fff 0 1px 0;}.description,.form-wrap p{color:#666;}strong .post-com-count span{background-color:#21759b;}.sorthelper{background-color:#ccf3fa;}.ac_match,.subsubsub a.current{color:#000;}.wrap h2{color:#174f69;}.wrap .add-new-h2{background:#f1f1f1;}.subtitle{color:#777;}.ac_over{background-color:#f0f0b8;}.ac_results{background-color:#fff;border-color:#808080;}.ac_results li{color:#101010;}.alternate,.alt{background-color:#f7fcfe;}.available-theme a.screenshot{background-color:#f1f1f1;border-color:#ddd;}.bar{background-color:#e8e8e8;

Notice how there is no formatting?

As I said before, I've re installed Wordpess several times on this domain and it keeps losing back end stylesheet formatting. What's causing this?

The WP-admin.css.dev version however, has the following formatting:

Code: 
wpwrap {
	height: auto;
	min-height: 100%;
	width: 100%;
	position: relative;
}

#wpcontent {
	height: 100%;
}

#wpcontent,
#footer {
	margin-left: 165px;
}

.folded #wpcontent,
.folded #footer {
	margin-left: 52px;
}

#wpbody-content {
	padding-bottom: 65px;
	float: left;
	width: 100%;
}

#adminmenuback,
#adminmenuwrap,
#adminmenu,
#adminmenu .wp-submenu,
#adminmenu .wp-submenu-wrap,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
	width: 145px;
}

#adminmenuback {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
}

#adminmenu {
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.folded #adminmenuback,
.folded #adminmenuwrap,
.folded #adminmenu,
.folded #adminmenu li.menu-top {
	width: 32px;
}

/* inner 2 column liquid layout */
.inner-sidebar {
	float: right;
	clear: right;
	display: none;
	width: 281px;
	position: relative;
}

.columns-2 .inner-sidebar {
	margin-right: auto;
	width: 286px;
	display: block;
}

.inner-sidebar #side-sortables,
.columns-2 .inner-sidebar #side-sortables {
	min-height: 300px;
	width: 280px;
	padding: 0;
}

.has-right-sidebar .inner-sidebar {
	display: block;
 
Problem resolved. Thank you everyone for your input.

I disabled Cloudflare and all is well.
 
You could still use CloudFlare. On your PC, edit the hosts file (google this) and add the server's IP and the domain name, which will then force your PC to connect to the site directly, instead of through CloudFlare. Since, but this is an assumption, you're the only Admin, it might not affect clients?

But, I would also suggest you take this up with the Cloudflare guys so they can look into either fixing the problem, or give you an option to bypass their proxy's when needed
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X