WordPress.org

Ready to get started?Download WordPress

Forums

Header Background (5 posts)

  1. GhostStorm
    Member
    Posted 2 years ago #

    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

  2. peredur
    Member
    Posted 2 years ago #

    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

  3. nisstom
    Member
    Posted 2 years ago #

    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!

  4. GhostStorm
    Member
    Posted 2 years ago #

    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.

  5. peredur
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic