fivewood Posted December 31, 2013 Share Posted December 31, 2013 Completely trashed the css file I was working on so had to roll back and no cant get the background image to show and the colours to change Can anyone see whats wrong with this code? /* ************************************************************************* generic style ************************************************************************/ body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:url(../img/grass.jpg) repeat; <-- url has been checked background:#383838; } body.content_only { background: #FFF; } All looks ok to me and its doing my head in that something so basic is defeating me! Link to comment Share on other sites More sharing options...
vekia Posted December 31, 2013 Share Posted December 31, 2013 is your website online? if so, can you please share url? problem is probably related to fact, that you use two instances of background param: background:url(../img/grass.jpg) repeat; <-- url has been checked background:#383838; instead of this use just one background: #383838 url(../img/grass.jpg) repeat; Link to comment Share on other sites More sharing options...
fivewood Posted December 31, 2013 Author Share Posted December 31, 2013 I've changed the code to background: #383838 url(../img/grass.jpg) repeat; but that hasnt made any difference Ive taken the site out of maintenance for bit so you can see http://footballbits.co.uk/v2/ Link to comment Share on other sites More sharing options...
vekia Posted December 31, 2013 Share Posted December 31, 2013 will work if you add !important modifier background: #383838 url(../img/grass.jpg) repeat; it's because you've got there, in style.css line 1 this: body { background: #fff; font-family: Arial, sans-serif; } Link to comment Share on other sites More sharing options...
fivewood Posted December 31, 2013 Author Share Posted December 31, 2013 will work if you add !important modifier background: #383838 url(../img/grass.jpg) repeat!important; it's because you've got there, in style.css line 1 this: body { background: #fff; font-family: Arial, sans-serif; } Thanks but not sure I understand - where is style.css? Cant see that code anywhere Link to comment Share on other sites More sharing options...
Sharak Posted December 31, 2013 Share Posted December 31, 2013 /themes/your_theme/css/global.css Link to comment Share on other sites More sharing options...
vekia Posted December 31, 2013 Share Posted December 31, 2013 /themes/your_theme/css/global.css no, it isn't there. correct path: http://footballbits.co.uk/v2/modules/lofmanufacturerscroll2/assets/style.css Link to comment Share on other sites More sharing options...
fivewood Posted December 31, 2013 Author Share Posted December 31, 2013 I can change the colour If I add that code but all i get is the image not found question mark ? Link to comment Share on other sites More sharing options...
vekia Posted December 31, 2013 Share Posted December 31, 2013 I can change the colour If I add that code but all i get is the image not found question mark ? read my post once again will work if you add !important modifier background: #383838 url(../img/grass.jpg) repeat!important; Link to comment Share on other sites More sharing options...
vekia Posted December 31, 2013 Share Posted December 31, 2013 effect: Link to comment Share on other sites More sharing options...
fivewood Posted December 31, 2013 Author Share Posted December 31, 2013 Great that worked - thanks! Didnt have to do that before so not sure why I needed to this time.... Never mind it worked! Link to comment Share on other sites More sharing options...
vekia Posted December 31, 2013 Share Posted December 31, 2013 glad to hear that it works topic marked as solved. Link to comment Share on other sites More sharing options...
Sharak Posted December 31, 2013 Share Posted December 31, 2013 (edited) Great that worked - thanks! Didnt have to do that before so not sure why I needed to this time.... Never mind it worked! You had to this time because <body> style is normally set in theme's global.css and it shouldn't be in some module's style.css. Keep it clean and you won't have to use !important at all. Edited December 31, 2013 by Sharak (see edit history) Link to comment Share on other sites More sharing options...
fivewood Posted December 31, 2013 Author Share Posted December 31, 2013 You had to this time because <body> style is normally set in theme's global.css and it shouldn't be in some module's style.css. Keep it clean and you wan't have to use !important at all. Actually youve hit the nail right on the head!! Forgotten I had installed the module that includes the style.css and didnt realise it was overriding global.css Presumably as I have now uninstalled that module I can delete the module files and global.css will then be good to go again? Link to comment Share on other sites More sharing options...
Sharak Posted December 31, 2013 Share Posted December 31, 2013 (edited) If you uninstalled this module then it shouldn't load any .css files so you don't have to delete anything. Style for body section should be loaded from global.css now. You can delete the module if you don't need it anymore. It would be also good idea to clear cache in admin Advanced settings -> Performance Edited December 31, 2013 by Sharak (see edit history) 1 Link to comment Share on other sites More sharing options...
fivewood Posted December 31, 2013 Author Share Posted December 31, 2013 Thanks both - there's a lesson for everyone - if you load a module check what css files it loads! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now