Eurogangster Posted February 18, 2020 Share Posted February 18, 2020 Dear Members, Can anyone help and tell which file i should edit so i can change the green or red background with an image I tried everything in style, bootstrap everything but no change. I am using GL2 Thanx a lot 1 Quote Link to comment Share on other sites More sharing options...
Magictallguy Posted February 18, 2020 Share Posted February 18, 2020 Lines 4,457 to 4,500 of themes/default/css/bootstrap.css. Change the colours to whatever you wish. Be sure to clear your cache afterwards* Note: If you're using an intermediary service to serve your site (such as CloudFlare), you will need to purge the file from its cache too. Recommendation: Leave the original vendor sources alone and put your customisations into their own CSS file 1 Quote Link to comment Share on other sites More sharing options...
Eurogangster Posted February 18, 2020 Author Share Posted February 18, 2020 2 minutes ago, Magictallguy said: Lines 4,457 to 4,500 of themes/default/css/bootstrap.css I changed from these lines for example .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } i did like this .alert-success { color: #3c763d; background-image: url("../images/success.png"); border-color: #d6e9c6; } And nothing works when i do a success crime for example. 1 Quote Link to comment Share on other sites More sharing options...
Magictallguy Posted February 18, 2020 Share Posted February 18, 2020 Site appears to use minified resource. Your updates wouldn't automatically be applied. If you're using an editor (such as Sublime Text, Atom, Emacs, VSCode, etc), then you can likely find a plugin to generate minified resources - I personally use VSCode's Minify and Atom's atom-minify. Alternatively, you can minify resources online with tools such as CSS Minifier. So! 1. Minify bootstrap.css (to get an updated bootstrap.min.css) 2. Upload your new bootstrap.min.css 2 Quote Link to comment Share on other sites More sharing options...
Eurogangster Posted February 18, 2020 Author Share Posted February 18, 2020 3 hours ago, Magictallguy said: Site appears to use minified resource. Your updates wouldn't automatically be applied. If you're using an editor (such as Sublime Text, Atom, Emacs, VSCode, etc), then you can likely find a plugin to generate minified resources - I personally use VSCode's Minify and Atom's atom-minify. Alternatively, you can minify resources online with tools such as CSS Minifier. So! 1. Minify bootstrap.css (to get an updated bootstrap.min.css) 2. Upload your new bootstrap.min.css Worked !!! Thanx a lot Magic 3 Quote Link to comment Share on other sites More sharing options...
BeNiiiBoiii Posted February 18, 2020 Share Posted February 18, 2020 Glad to see you've got it working bro 😃 +1 Magic!! 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.