"Bootstrap Theme" Help Required.

sage12

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

donovanb

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.