custom header images for single pages

  • photomaxe

    (@photomaxe)


    9 years, 5 months ago

    hi all,

    in the moment i apply custom header images with css, for example:

    .page-id-49 .sq-main-header {
    background-image: url(/wp-content/uploads/2016/11/banner3.jpg) !important;
}
    .page-id-54 .sq-main-header {
    background-image: url(/wp-content/uploads/2016/11/banner2.jpg) !important;
}

    and so on…

    which is really not elegant.

    diverse header image plugins cannot do their job because they put the header image inside

    <div id="sq-site-branding">

    which normally is reserved for the logo.

    so i would be very pleased about showing me alternative ways.

    many thanks in advance

    regards
    jürgen

    • This topic was modified 9 years, 5 months ago by photomaxe.
    • This topic was modified 9 years, 5 months ago by photomaxe.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author hashthemes

    (@hashthemes)

    9 years, 3 months ago

    Hi,

    The best way is as you have described. There is not other alternative.

    It requires some complex coding to add this feature in the theme.

    golfstrom

    (@golfstrom)

    9 years, 3 months ago

    Did you have to specify the page-id-x class on each page?
    I’m trying this workaround but it’s not working on my website.

    Thread Starter photomaxe

    (@photomaxe)

    9 years, 2 months ago

    hey golfstrom,

    yes, if you want to apply custom headers with css you have to use the page-id which is shown at the adress bar of your browser.

    regards
    photomaxe

    • This reply was modified 9 years, 2 months ago by photomaxe.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘custom header images for single pages’ is closed to new replies.