image background for only one page

  • Resolved Aari

    (@aari)


    11 years, 7 months ago

    Hi,
    I’m wondering if there is any possibility to make an image background for only one page? is there any css code that I can add?
    Thank you for your help.
    Best,
    Aari

Viewing 5 replies - 1 through 5 (of 5 total)
  • hannah

    (@hannahritner)

    11 years, 7 months ago

    Hey Aari,
    You can do it with this css:

    .contentclass {
background: URL(your image url);
}

    You would just need to add the page-id-# in front of .contentclass and paste your url in ().
    Hope it helps!
    Hannah

    Thread Starter Aari

    (@aari)

    11 years, 7 months ago

    Great it works thank you so much Hannah.
    Now can I make it a little smaller, I mean reduce the width so I can see the whole image? Or should I resize the image by editing it? Thank you.
    Best,
    Aari

    hannah

    (@hannahritner)

    11 years, 7 months ago

    You would need to resize the image.

    Hannah

    Ben Ritner – Kadence WP

    (@britner)

    11 years, 7 months ago

    You can also force the image to fill the spacing by adding background-size: cover; to your css like this:

    .contentclass {
background: URL(your image url);
background-size: cover;
}

    Kadence Themes

    Thread Starter Aari

    (@aari)

    11 years, 7 months ago

    Thank you for your help 🙂
    Best,
    Aari

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

The topic ‘image background for only one page’ is closed to new replies.