differents image header

  • Resolved jbilodeau

    (@jbilodeau)


    8 years, 5 months ago

    Hi, I am using the wordpress Theme Agama. I am trying to display different header images for each pages of my website.

    I am only able to choose one image for all the website. Is it possible to affect a single one for each page?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author themevision

    (@themevision)

    8 years, 5 months ago

    Hi, @jbilodeau!

    It’s a little bit tricky but possible…

    First, you need to find the specific page number on which you want to apply the changes …

    Please follow the steps below to discover the page id:

    1. Navigate in your browser to the page you want to work with.
    2. Right click on that page (anywhere) and select “Inspect Element“.
    3. Search inside the site’s markup for the body tag. It should be one of the first element in the source.
    You’ll see it has many classes. Look for the class that starts with “page-id-…”. That’s the class you should use.

    then, Open the Customizing->Additional CSS
    and add the code below:

    .page-id-8 #agama-header-image{
content:url("https://www.niagarafallsstatepark.com/~/media/parks/niagara-falls/homepage/banner-niagara2.jpg");
}

    Replace your page ID and link to the image, for every page you want to change the header image.

    Regards

    Thread Starter jbilodeau

    (@jbilodeau)

    8 years, 5 months ago

    Thanks fo this precises references!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘differents image header’ is closed to new replies.