Different Page Header Images – Mystique Theme V. 3.3.2

  • Resolved sbcl

    (@sbcl)


    11 years, 5 months ago

    Hi I am hoping a mystique whizz can help me out…

    I am currently using the following CSS code which repeats the same header image in all pages of my site.
    /* Alternate header image */ #page{
    background:transparent url(../images/extras/header-alternate.jpg) no-repeat center top;}

    I now require different header images on certain pages which I have already uploaded to Media library.

    Is there easy CSS page-id modification for this, if not has anyone done this or can advise correct steps to modify php code etc. I have tried custom header image plugin, unfortunately however, Mystique theme does not support.

    My site is sbcltd.co.uk – The example page I am working on is https://www.sbcltd.co.uk/Salisbury/ – You can see the two different images.

    Any help is truly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sbcl

    (@sbcl)

    Slight correction to the CSS code I am currently using.
    /* Alternate header image */
    #page{background-image:url(https://localhost/wpcontent/themes/mystique/images/_alt/header2.jpg);}

    Thread Starter sbcl

    (@sbcl)

    Figured it out with CSS…

    Hope this helps anyone using Mystique theme requiring an easy fix to have different header images on certain pages..

    Go to.. Appearance – Mystique Settings – CSS.

    Enter The Following:

    .page-id-1471 #header {
    background: url(https://www.ENTER YOUR IMAGE URL HERE.jpg) no-repeat scroll center center transparent;
    }

    Please note.. 1471 is my page ID – Insert the page ID of YOUR page you would like a different image.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different Page Header Images – Mystique Theme V. 3.3.2’ is closed to new replies.