getting rid of the blue outline on the header (3 posts)

  1. vidatone
    Posted 9 years ago #

    I haven't found a solution to this in the forums. I saved a new image as kubrickheader.jpg and now see a blue outline when I look at my blog

    However if I look at the image in the editor, there is no blue outline. Any ideas on getting rid of the blue?

  2. drmike
    Posted 9 years ago #

    You're seeing the background of the header. It's larger than the body because the image of the blody is wider that just the lines along the side. Pull up the background of the content area to see what I'm talking about.

    the header probably has in addition to the background image, a background color as well. Just edit your CSS to make the color what you want.

    hope this helps,

  3. The_ROb
    Posted 9 years ago #

    To enhance what drmike is saying, you are seeing the background color because the kubrick header has a white border wrapping the image and the slight fade you see through the content area.

    Find the following (midway down the page):
    #header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;

    #73a0c5 is the color you are seeing, but changing the color to #fff isn't going to fix your problem. Instead of blue, the color will then be white. Test my theory, by setting the above 'background-color: ' to #000. It's will be black, and ugly.

    If I were you, take the kubrick header img and place your current header over the blue gradient portion of the image, leaving the white border and the slight fade. This will be the easiest fix.


Topic Closed

This topic has been closed to new replies.

About this Topic