Trouble Adding New Background Image to Single Website Page

  • Hey guys,

    I’m a newbie to the wordpress scene. I am currently trying to change the background image for one particular page in my website. I am using the MaidenHair theme. I’ve researched the problem and it appears to be a CSS-based issue. Unfortunately, I don’t have the knowledge or experience to pinpoint the actual code I need to change for this particular fix. I’ve used the basic theme tools outside of the code (within the wordpress browser) to add a background, but it appears for all current pages of my website. I have not edited a single bit of CSS code manually, as it stands, so this will be my probably first addition.

    My website is here https://www.thegrassrootsgarage.com/

    Basically, I want to change the current forest-like background image to another picture stored on my PC. I’m not sure what code I’m supposed to add and where to add it. Do I change the CSS in the appearances tab, or can I change some HTML code within the page, itself?

    Any type of help would be greatly appreciated. Thanks!! If there is any other relevant information I can add, let me know.

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

    (@tomastoman)

    Hi,

    the easiest way how to set a different background image for a particular page is to use the Custom Background Extended plugin.

    If you would like to set it without a plugin, please put the following custom CSS into “Theme Options > Other Settings > Custom CSS”:

    .page-id-123 {background-image: url(https://path-to-the-image) !important;}

    Just replace the number “123” with the appropriate page ID. The value of the “background-image” property (“https://path-to-the-image” in the example code) has to be replaced with URL address of the requested background image that you have previously uploaded via “Media > Add New”.

    Best regards,
    Tomas Toman

    Thread Starter thefloodshark

    (@thefloodshark)

    That did the trick. Thank you so much! The plugin’s incredibly easy to use.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trouble Adding New Background Image to Single Website Page’ is closed to new replies.