Change background for a specific page.

[arno_aubry]

Hi !
First of all, thank you for this wonderful theme, documentation, and videos. It's easy and broke my reluctance to code.

I'm pretty a newbie with html / css and I really tried to do it by myself but can't find why it's not working. I'm trying to add a background image for a specific page of my girlfriend's website.

This is the page I want to change:
http://charleneguyonmathe.com/overview

In my CSS, I added, as you suggested on your tutorial, a class with background url:

body.slug-overview{background:url('http://charleneguyonmathe.com/wp-content/uploads/2016/12/background-v2.jpg'}

Thank you for your help

[arminunruh]

Hey thanks a lot!

There is just one minor thing in your CSS:

body.slug-overview{background:url('http://charleneguyonmathe.com/wp-content/uploads/2016/12/background-v2.jpg'}

should be

body.slug-overview{
background-image: url("http://charleneguyonmathe.com/wp-content/uploads/2016/12/background-v2.jpg");
}

source:
https://developer.mozilla.org/en/docs/Web/CSS/background-image

Hope it works for you :)

[arno_aubry]

Thank you !

I'm confused I made you loose your time...
Sometimes the solution is so easy you don't see it !!

[marcelgross]

@arno_aubry or @arminunruh could you post the link to the tutorial, that is meant in the first question? I'm searching for a solution of the same topic and as it seems you were successfull. Thats why the link would help me a lot.

Cheers
and thanks Armin for the wonderful theme and support-Forum!

[marcelgross]

I think I found it myself. Thanks anyway!
http://laytheme.com/documentation.html#css-based-on-current-page

[mariusjopen]

Dear @marcelgross
great!
Happy you found it!

Best!

Marius