How Can I Delete the Gray & White Border Around the Header?

  • I have WordPress 2.3.3, and I redesigned my blog to match my website. I successfully deleted the gray and white border around the header (Default theme) by clicking on:
    Presentation
    Stylesheet (or header?)

    However, the borders reappeared when I later updated the header image and color by clicking on:
    Presentation
    Header Image and Color
    Update Header

    So, I tried to re-delete the borders this time by going onto my server:
    Blog
    wp-content
    themes
    default
    images (or header?)
    header

    And, I successfully deleted the border top, bottom, and right, but not the left. You can see the problem here: https://www.jesussaidfollowme.org/blog/ So, do you know how to delete that left border?

    Also, do you know how to move the header up to the top of the screen?

    Thank you for your help,

    Greg

Viewing 2 replies - 1 through 2 (of 2 total)

  • I have WordPress 2.3.3, and I redesigned my blog to match my website. I successfully deleted the gray and white border around the header (Default theme) …
    And, I successfully deleted the border top, bottom, and right, but not the left. You can see the problem here: https://www.jesussaidfollowme.org/blog/ So, do you know how to delete that left border? …

    Actually there is no border. Those header/border that you see is a background image from kubrick default banner (& its automatically generated).

    Here’s what you should do

    Find in header.php.

    <div id="header">
	<div id="headerimg"><border="none">
		<h1> ... JesusSaidFollowMe Blog ... </h1>
		<div class="description"> .... </div>
	</border="none"></div>
</div>

    Remove the invalid <border> tag.

    <div id="header">
	<div id="headerimg">
		<h1> ... JesusSaidFollowMe Blog ... </h1>
		<div class="description"> .... </div>
	</div>
</div>

    Then edit your theme’s style.css add the following code

    #header{background-image:none !important; background-color:#669 !important}

    Thread Starter goodnews1

    (@goodnews1)

    chaoskaizer,

    Thanks so much! Mission accomplished.

    Do you know how to move the header image to the top of the browser, so that no gray background shows?

    Also, I want to change my gray background to f2f2f2 to match the rest of my website. But, when I insert it in…

    style.css
    body
    background

    …it doesn’t work. Any ideas there?

    Thanks again for your help,

    Greg

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How Can I Delete the Gray & White Border Around the Header?’ is closed to new replies.