Background image behind header banner

  • Hi,
    My website is singarltd.com.
    I have placed a banner in the header portion (I set it as a background image). The color behind it is black…
    This is the code I used:
    .site-header {
    background: url(https://singarltd.com/wp-content/uploads/2015/01/singarhomeimg01.jpg) no-repeat scroll top #000 !important;

    The thing is, I want a tiled pixel background behind the SIngar banner and not a black bg.

    I have tried setting the black pixel as the background image (to tile just in the header portion) but the header banner won’t show even if it’s set under the wordpress header settings (Under customize).

    This is the code:
    background: url( https://singarltd.com/wp-content/uploads/2015/01/dark10.png) no-repeat scroll top #000 !important;

    Would appreciate any help!

    Thanks,

Viewing 1 replies (of 1 total)

  • I think there is some way to layer backgrounds, you will need to check the css reference online on this. Details here:
    https://www.w3schools.com/css/default.asp

    On the other hand you would gain a lot by doing this:
    – Convert to using a child theme, details here:
    creating a child theme https://codex.www.ads-software.com/Child_Themes
    – Copy the header.php file from the parent to child theme, customise it by taking out the h1 and h2 fields, setup an extra div outside the class site-header, this will let you set it up with a tiled background, this will work on all browsers.

Viewing 1 replies (of 1 total)
  • The topic ‘Background image behind header banner’ is closed to new replies.