Change background for breadcrumbs - by emeliech

This topic has 4 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Jack Richardson

  • Avatar: emeliech
    emeliech
    Participant
    October 27, 2015 at 16:26

    Hello!

    I recently wrote on how to change the background for the heading/breadcrumbs on all posts.
    And I got a code that works great!

    However, if I search for a blogpost and I get the results there is no background image, just white
    http://snag.gy/HVKwO.jpg

    This is the code I got for the bg image for all posts

    .single-post .page-heading{
    background-image: url(http://www.ringsofsweden.com/wp-content/uploads/2015/01/rings-of-sweden-blogg1.jpg);
    }

    What code can I use to add the background to all search result pages as well?

    Thanks

    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 27, 2015 at 16:32

    Hello,

    Please try to add this code in Global Custom CSS.

    .search-results .page-heading{
    background-image: url(http://www.ringsofsweden.com/wp-content/uploads/2015/01/rings-of-sweden-blogg1.jpg);
    }

    Regards,
    Robert Hall.

    Avatar: emeliech
    emeliech
    Participant
    October 27, 2015 at 21:19

    Worked like charm.. Thank you very much :)))

    Now I also wonder if I can put the background when I search for something and get no results? 🙂
    http://www.ringsofsweden.com/?s=cubic&post_type=post&lang=sv

    //Emelie

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 28, 2015 at 08:36

    Hello,

    Please use this css code:

    .search-no-results .page-heading {
        background-image: url(http://www.ringsofsweden.com/wp-content/uploads/2015/01/rings-of-sweden-blogg1.jpg);
    }

    Best regards,
    Jack Richardson.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.