Solved

How do I change this blue bar?

Posted on 2013-05-16
15
246 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

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…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

749 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