Add image as background for specific pages only - Support | Kriesi.at

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
April 13, 2016 at 12:22 am #612244

tremblayly
Participant

Hi
I would like to add an image background to a specific page. I added the following code in my custom.css file, but it does not work.
.page-id 861 .main_color {
background-image: url(“//http://www.impactcrescendo.com/wp-content/uploads/17592132158_6886e3cbde_o.jpg”);
}
You need a password to access the page. I added in the private section below.
The page link is http://www.impactcrescendo.com/learning-agility

Thank you
Lyse

April 13, 2016 at 1:49 am #612279
Josue
Inactive Moderator
Hey!

Try with this code:
```
.page-id-861 .main_color {
    background: url("http://www.impactcrescendo.com/wp-content/uploads/17592132158_6886e3cbde_o.jpg") no-repeat top center;
    background-size: cover;
}
```
Best regards,
Josue
April 13, 2016 at 1:57 am #612286

tremblayly
Participant

Hi Josue
You rock!!!!
Thank you so very much
Lyse

April 13, 2016 at 2:05 am #612289

Josue
Inactive Moderator

You are welcome, glad to help :)

Regards,
Josue

April 13, 2016 at 2:08 am #612291

tremblayly
Participant

Oops one last question….why does it overlap my section color, just below the slider?
Lyse

April 13, 2016 at 2:18 am #612295

Josue
Inactive Moderator

If you’re referring to this section it is because that’s also main_color, try changing the Color Setting of it to “alternate color”.

Best regards,
Josue

April 13, 2016 at 2:27 am #612303

tremblayly
Participant

Hi Josue,

Perfect!

Thank you
Lyse
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Add image as background for specific pages only’ is closed to new replies.