Solved

How do I change this blue bar?

Posted on 2013-05-16
15
243 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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
 
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

ScreenConnect 6.0 Free Trial

Check out the updates in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI that improves session organization and overall user experience. See the enhancements for yourself!

Question has a verified solution.

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

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
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 …

778 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