WordPress.org

Support

Support » Themes and Templates » Header Background

Header Background

  • Please can you tell me what I can remove in order to make my header invisible?

    I have an image but its on a white background, its the white background I want to get rid of.

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • You don’t supply either a link to your site, or tell us what theme you are using, so it’s not easy to help. However, from what you say, it sounds as though it’s the image that you need to manipulate rather than your theme. If your image has a white background when it’s not being displayed on your site, it will still have a white background when displayed on your site.

    I’m not sure, either, why you say you want to make your header invisible. If you do that and if your image is a part of your header, it will make your image invisible as well.

    Can you supply some more detail to help us understand what you have and what you’d like to achieve?

    Thanks

    PAE

    Ich versuche für die Photovoltaik Informationsseite den Header zu ändern.
    Es wäre sehr hilfreich wenn mir jemand mitteilen könnte wo ich oder in welcher datei ich was ändern muss.
    vilen dank!

    The site is http://www.ghoststorm.co.uk

    The image is on a transparent background but that itself is shown on a white background and I want no background.

    You can’t not have a background. You either get an inherited one or a default one. In this case the elements in this area are inheriting from the background on the #content div, which is white.

    There are a number of elements in the area you are concerned with. The first one is the #top-social-profiles area. The CSS for this is:

    #top-social-profiles {
      height: 32px;
      margin-right: 15px;
      padding-top: 10px;
      text-align: right;
    }

    To get the body background colour (#0F1012) behind this element you need to set the right margin to zero (margin-right: 0;), set the right padding to 15px (padding-right: 15px;) and set the background colour to the body’s background colour (background-color: #0F1012;).

    For the area below the social profiles you just need to set the background colour on the #header div to #0F1012 (background-color: #0F1012).

    If you do not have total control over your theme’s code, you should, of course, do all this in a child theme since it’s the only recommended way to make changes to themes.

    Your new rules would (assuming you did also want to change the background on the social profiles) look like this:

    #top-social-profiles {
      margin-right: 0;
      padding-right: 15px;
      background-color: #0F1012;
    }
    
    #header {
      background-color: #0F1012;
    }

    HTH

    PAE

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header Background’ is closed to new replies.
Skip to toolbar