Solved

How do I change this blue bar?

Posted on 2013-05-16
15
241 Views
Last Modified: 2013-05-16
I have a site here:

http://plumthree.com/JAM/

that has a blue bar at the top (when using Chrome). I need to make that blue bar the same height as the green bar or remove it altogether.

I believe the blue bar is the body background.

I've attached an image for reference.

Any help is appreciated.
blue.gif
0
Comment
Question by:Donnie Walker
  • 6
  • 4
  • 4
  • +1
15 Comments
 
LVL 8

Assisted Solution

by:Adrian Crabtree
Adrian Crabtree earned 500 total points
ID: 39171630
Seems to be gone now? The image the CSS is trying to reference is broken. Assuming that is the culprit. I couldn't recreate the issue in Chrome, Firefox, or Safari.

body {
  margin: 0;
  padding: 0;
  color: #919191;
  font: normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;
  background: #2b76b6 url(images/main_bg.jpg) top center no-repeat; (Broken)
}

Open in new window

0
 

Author Comment

by:Donnie Walker
ID: 39171640
I only see it in Chrome windows. I've cleared my cache so I'm not sure what the issue is. My client sees it with her Chrome also.
0
 

Author Comment

by:Donnie Walker
ID: 39171650
I removed the background tag in the body...so now I have a white bar at the top in Chrome.

Is there a way to adjust this in Chrome only?
0
 
LVL 75

Expert Comment

by:käµfm³d 👽
ID: 39171654
I don't see it in Chrome (Windows) either.
0
 
LVL 8

Expert Comment

by:Adrian Crabtree
ID: 39171660
I've checked on Windows and Mac, and cannot see it (attached screen from Windows). When you say you cleared the cache, did you do that in the admin tools or your browser? What cache plugin are you using?
Windows.png
0
 
LVL 75

Expert Comment

by:käµfm³d 👽
ID: 39171664
Also, if you have a reverse proxy set up, it could be that server that is caching the previous stylesheet. We have that happen often in our development.
0
 

Author Comment

by:Donnie Walker
ID: 39171666
No cache plugins. I just cleared it with Chrome (Version 26.0.1410.64 m).

But again, my client is also seeing this so I know it is not just me.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 75

Expert Comment

by:käµfm³d 👽
ID: 39171672
My view:

Screenshot
0
 
LVL 8

Expert Comment

by:Adrian Crabtree
ID: 39171683
kaufmed brings up a great point. You can also try installing a cache plugin. WP Super Cache works well, or one that you prefer. Once you have one installed and running, try deleting the cache there.
0
 

Author Comment

by:Donnie Walker
ID: 39171723
Tried WP Super Cache with no change.

Attached is what I see once I changed the body tag to a white background.
white.gif
0
 
LVL 8

Accepted Solution

by:
Adrian Crabtree earned 500 total points
ID: 39171750
This has to be a server caching issue as kaufmed stated. There are no extra styles in your CSS to merit that margin/height.

Does this appear logged out? Then again, your client is presumably not logged in.
0
 

Author Comment

by:Donnie Walker
ID: 39171794
It DOES NOT appear logged out. Thanks!
0
 

Author Closing Comment

by:Donnie Walker
ID: 39171795
thanks
0
 
LVL 75

Expert Comment

by:käµfm³d 👽
ID: 39171801
So you fixed it?
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39171816
If it appears when you're logged in but not when you're logged out then it has something to do with the WordPress admin bar - you tend to see that only when you're logged in, which may explain why we can't see it! It looks about the right height for it.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
css, html 6 51
Positioning of an element a percentage from the top. 14 32
Unwanted gap in IE11 between header and menu 9 20
Footer at the bottom of the page not centered 5 29
Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

863 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now