Add unique header images as background in page titles

Community Forums Forums Design Tips and Tricks Add unique header images as background in page titles

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Susan Nelson 7 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #90394

    hich
    Participant
    Post count: 16

    Hello,

    I’m looking for the best solution to add unique images as background in my page titles. So, it should be a unique image per page and located in the background of the page title.
    I found many tutorials, but most of them work for background body post or pages or top headers above the content area. I found this tutorial:

    http://wpsites.net/web-design/add-unique-header-images-using-custom-fields/

    But I’m not sure if it will work for page entry title?
    Appreciate your feedback!

    #90623

    Susan Nelson
    Participant
    Post count: 207

    Hi,

    You should be able to use a custom body class to do it. The place to add them is below the Layout Settings in the page editor. So, for example, you could add a class named about to your About page and then do something like this to add a background:

    .about .entry-title {
    background: url(images/background.png) 0 0 no-repeat;
    }

    I hope that helps!


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

    #90680

    hich
    Participant
    Post count: 16

    Many thanks, that’s fantastic! Never thought that we can add classes on page editor!

    #90735

    Susan Nelson
    Participant
    Post count: 207

    You’re welcome! :)


    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.