Use Background image?

Question

Use Background image?

Closed this issue 8 years ago · 11 comments

Hi there,

I wanted to ask if its possible to add an background image to the theme? So that I can have a nicly looking background that matches the style of my main webpage :) Thank you in advance.

Thanks.
Timo

Answer 1 · 2016-08-22T16:44:12.000Z

Sure thing! Have a look at https://css-tricks.com/almanac/properties/b/background-image/ for a guide on how to add background images in CSS.

Answer 2 · 2016-08-22T16:45:12.000Z

Well sure. I know that but do I have to add it to this theme?

Answer 3 · 2016-08-22T16:45:43.000Z

I mean which file? But thank you :)

Answer 4 · 2016-08-22T17:32:42.000Z

You can add it here: https://github.com/kasperisager/vanilla-bootstrap/blob/master/design/custom.css

Answer 5 · 2016-08-22T19:17:55.000Z

Okay, I added this code to the custom.css but it does not work:
body { background: url(https://somedomain.domain/background.jpg); }

Answer 6 · 2016-08-22T20:58:59.000Z

There may be quite a few reasons as to why it doesn't work. Is your site online?

Answer 7 · 2016-08-22T21:24:30.000Z

Okay, now it displays the image. But the sidebar buttons look so so wrong. Here is the link https://forum.japan-in-nrw.de/

Answer 8 · 2016-08-22T22:04:26.000Z

sorry that the page was down, now its up and running again.

Answer 9 · 2016-08-22T22:17:16.000Z

I tried making the background of the page sidebar white with:
page-sidebar { background-color: #ffffff;
}
but it does not work :(

Answer 10 · 2016-10-23T15:48:11.000Z

Isn’t .page-sidebar supposed to be a class? Like this:

.page-sidebar { background-color: #fff; }

Answer 11 · 2016-10-23T15:55:35.000Z

I'll go ahead and close this as it not related to the theme itself but rather a very specific customisation thereof.