new header picture for each panel

  • Unknown's avatar
    capoeirabralin · Member ·

    Hey everybody,

    I am working on a page and just can´t seem to figure out how to give each new panel on the page a new header picture…

    Can someone please help me??

    Thank you!!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    pankajkumr · Member ·

    Hi lamondapues

    There isn’t any option to add a different background image on each page.

    However, I could give you some custom CSS trick that would do the job.

    But in order to use custom CSS code, you need to have a Premium or Business upgrades.
    https://en.support.wordpress.com/custom-css/ 

    .page-id-1 .custom-header-image {
    background-image: url(https://capoeiranagoberlin.files.wordpress.com/2017/08/cropped-10574455_10203474674040947_1149654639260260632_n1.jpg?w=2000&h=1200&crop=1) !important;
}

    Page id is unique for each page you create. Duplicate the code and replace the id and background image URL for each page. You can find the page Id it on the body tag when you inspect elements with your browser.

    Hope that helps.

  • kathrynwp · Staff ·

    Hi lamondapues – if you’d like your site running Lodestar to display panels with images (like the demo) you’ll need to set up your homepage.

    Right now, your homepage is set to display your latest posts. Go into your Customizer‘s Static Front Page panel, and choose your welcome page (Startseite) as your static front page, and the Blog page you created for your posts.

    Once you do that, you can go into the Customizer’s Theme Options panel section and select your front-page panels. Each page you assign to a panel should have a large featured image.

    There’s a full setup guide for Lodestar here:

    https://wordpress.com/theme/lodestar

    If you get stuck at any step, just let me know.

  • The topic ‘new header picture for each panel’ is closed to new replies.