Users running a non-download version of Vanilla (pulled from github), on branch release/2019.016 or master from the last 2 weeks should upgrade to release/2019.017 or latest master for security reasons. Downloaded official open sources releases are not affected.
Please upgrade here. These earlier versions are no longer being updated and have security issues.

"Bootstrap Theme" Help Required.

Hello, I currently have the "bootstrap theme" installed, which is located here;
I've been gradually editing the theme to suit my liking and I've been struggling to edit one particular aspect

Within my custom.css file, I have introduced the following changes:

body {
background-repeat:none;
background-position:100% 100% !important;
background-size:cover !important;
background:url(http://i.imgur.com/YnAHi2J.jpg) !important;
}

The !important tags where in a bid to try and overide the default style that seems to be impletented the theme, which is making it so the background displays in this fashion;

background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;

I'd like to remove these aspects, although have been unsucessful thus far in doing so.
Thanks to all that are able to help

Comments

  • My opinion is that it is best to do CSS changes first in something like FireFox's developer tools. Then copy them to custom.css.

Sign In or Register to comment.