Single page background change

  • I have a company website using WordPress. The owner is wanting to do some changes to spice it up a bit.

    She has an idea of making the Testimonials page look like maybe a cork board or something similar.

    Is there a way to set a single page to have a different background than the rest?

    Please bear in mind I am a super-novice when it comes to web coding. I’ve seen really old forum posts mentioning editing the header.php or setting something in a custom css or something, but have no idea how to do that.

    Thank you.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    When you view-source the page, and find the <body element, do you see any unique classes to the page?

    Thread Starter cappware

    (@cappware)

    I’m not even sure what you are asking. I know enough to get into where you are referring, but how will I know there is any unique classes? Again, super-novice here.

    Thread Starter cappware

    (@cappware)

    Looking at the page source code, under the <body section, there are a lot of things that say “Class”.

    What are you looking for?

    Something like this:
    <body class="home page page-id-5 page-template-default"

    this class: page-id-5 is unique to only that page – so you can use it as a CSS selector to target CSS to only that page – for example:

    .page-id-5 {
   background ......
}

    That’s just an examples – specific code depends on your theme and site.

    Thread Starter cappware

    (@cappware)

    thank you for your response, I appreciate it.

    I am going to tell her it’s not possible because I have no idea what you just said. lol ??

    No disrespect intended either. Was hoping there was a plug in, or setting somewhere within the editor.
    I know enough about web-coding to read someone else code, to an extent. I know less about CSS.

    Here is the first class for that page:

    <body class=”home page page-id-8 page-template-default logged-in admin-bar no-customize-support”>

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this plugin https://www.ads-software.com/plugins/fully-background-manager/

    Thread Starter cappware

    (@cappware)

    That sounds exactly like what I was looking for. Thank you for sharing it!

    Thread Starter cappware

    (@cappware)

    Oh, well maybe not. It did set a custom background to the individual page. But was not what I was expecting.

    I was hoping to get the background behind the text, within the actual page itself to have a background image.

    All this did was wrap the outer border of the site in an image like this: https://gyazo.com/fd655433e2e855adda3ce1198ad03bf9

    On the right track, but need to be able to change the inside-text box background.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yes this will require a CSS change. Someone might give you code to copy and paste if you can link to a Webpage you want it applied to.

    Thread Starter cappware

    (@cappware)

    That would be highly appreciated.
    Here is the page:

    https://www.hcrhomehealth.com/about-us/testimonials/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you want an image as the background or a colour?

    Thread Starter cappware

    (@cappware)

    I’m guessing an image will have to be used because she has visions of wanting it to look like a cork board.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Single page background change’ is closed to new replies.