WordPress.org

Ready to get started?Download WordPress

Forums

Mystique
[resolved] Different Page Header Images - Mystique Theme V. 3.3.2 (3 posts)

  1. sbcl
    Member
    Posted 6 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 http://www.sbcltd.co.uk/Salisbury/ - You can see the two different images.

    Any help is truly appreciated.

  2. sbcl
    Member
    Posted 6 months ago #

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

  3. sbcl
    Member
    Posted 6 months ago #

    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(http://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.

Reply

You must log in to post.

About this Theme

About this Topic