manallion Posted October 16, 2019 Share Posted October 16, 2019 When I add new changes in custom file and the change is related to style sheet , the changes comes to life at once. but when I need to make any change and it is found in all.min.css file, whatever changes I make, it doesn't affect my custom file, why? and how to make it? Thanks. 0 Quote Link to comment Share on other sites More sharing options...
brian! Posted October 17, 2019 Share Posted October 17, 2019 are you making these CSS changes in /templates/*active template*/css/custom.css ? you certainly shouldn't be editing all.min.css - any required changes should be in put in the custom.css file. 0 Quote Link to comment Share on other sites More sharing options...
manallion Posted October 17, 2019 Author Share Posted October 17, 2019 Yes, and pls.see attached image, at the right side when I try to change for example the section#home banner background color to orange, and it is coded in all.min.css, it doesn't accept any change to the background color when I write it in the custom.css sheet, and I tried this for several times and failed. 0 Quote Link to comment Share on other sites More sharing options...
zitu4life Posted October 17, 2019 Share Posted October 17, 2019 you have to five important on custom css background-color: red !important; 0 Quote Link to comment Share on other sites More sharing options...
manallion Posted October 18, 2019 Author Share Posted October 18, 2019 I wrote the upper code, It didn't work, any other suggestions pls. - and what do you mean by(to five....)? 0 Quote Link to comment Share on other sites More sharing options...
brian! Posted October 21, 2019 Share Posted October 21, 2019 On 18/10/2019 at 20:37, manallion said: I wrote the upper code, It didn't work, any other suggestions pls. it should work - unless you are editing a wrong .css file, e.g not the one in the active template... /* ***************************************************** ** Custom Stylesheet ** Any custom styling you want to apply should be defined here. ***************************************************** */ section#home-banner { background-color: red !important; } 0 Quote Link to comment Share on other sites More sharing options...
DennisHermannsen Posted October 21, 2019 Share Posted October 21, 2019 Also, remember that overwriting existing CSS can be a pain in the ass. If any change is not visible, add more selectors. Or just use !important as suggested above. 0 Quote Link to comment Share on other sites More sharing options...
manallion Posted October 21, 2019 Author Share Posted October 21, 2019 I really thank you all for your help and advice, I will try again. Thanks a lot. 0 Quote Link to comment Share on other sites More sharing options...
zitu4life Posted October 21, 2019 Share Posted October 21, 2019 On 10/18/2019 at 6:37 PM, manallion said: and what do you mean by(to five....)? Sorry , I intend to write give it an d not five it...I click on the wrong keyboard . 0 Quote Link to comment Share on other sites More sharing options...
Bhondawe30 Posted October 25, 2019 Share Posted October 25, 2019 Thanks for the valuable answer to me, Such great answer. 0 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.