Add Image into Header CSS

  • Hi hope someone can help!

    I have added a header image into my css instead of a background colour of white (#fff).

    The issue is it is working but to a point as it only shows on certain pages and not on categories or homepage. Seems very random?

    Can anyone help me to narrow this down and resolve this issue.

    The code I am using is contained within style.css in my theme directory.

    New CSS code:

    #header {
    width: 1050px;
    height: 140px;
    margin: 0px auto 0px auto;
    background: url('https://birminghamiu.co.uk/wp-content/uploads/2015/04/biu_header1.png') no-repeat !important;
    }

.header-row {
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 20px 30px;
    }

    Old CSS code:

    #header {
    width: 1050px;
    height: 140px;
    margin: 0px auto 0px auto;
    background: #fff;
    }

.header-row {
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 20px 30px;
    }

    Anyones help would be great. My website where the issue is https://birminghamiu.co.uk/

    Regards,

    Gareth

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

  • Hi, Gareth:

    I’m seeing the heading on every page, using both Chrome and Firefox.

    Thread Starter convictedvapour

    (@chronicbubble)

    Yes thanks for that. Yeah In the end I creating my own plugin to resolve the issue. Seemed a more practical idea. I simply created a plugin to enable custom header images panel in wordPress and the exacting required size then simply referenced where I wanted my header function to be placed in header.php

    Seemed a better work around as for some reason simply changing the background in CSS seemed to be a bit buggy with the theme as it was only certain pages that I would see the header image and not categories or home page. The CSS route seemed to be more buggy and time consuming so I did the plugin method thus saving hours of hair pulling lol.

    Thanks ever so much once again for your @crouchingbruin for alerting me to the header being visible. Have a good one whatever your upto!

    Regards,

    Gareth

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add Image into Header CSS’ is closed to new replies.