Sairon Posted July 22, 2022 Share Posted July 22, 2022 (edited) Hello, I cant seem to find a working tutorial or guide on how to change the footer, top row colors. I add the required code to my themes.css file, but nothing seems to change. (I clear the cache in the back office.) I am using the classic theme. Edited July 22, 2022 by Sairon (see edit history) Link to comment Share on other sites More sharing options...
Ali Samie Posted July 22, 2022 Share Posted July 22, 2022 Hi. Which part are you going to change? Link to comment Share on other sites More sharing options...
Sairon Posted July 22, 2022 Author Share Posted July 22, 2022 The background of 2 and 3 and I would like to make the text in box 2 black. Link to comment Share on other sites More sharing options...
Ali Samie Posted July 22, 2022 Share Posted July 22, 2022 (edited) Check this video. rec-2022-07-22_05_54_58.mp4 Edited July 22, 2022 by stifler97 (see edit history) Link to comment Share on other sites More sharing options...
Ali Samie Posted July 22, 2022 Share Posted July 22, 2022 This is what you should do: 1. Right click on elements that you want to edit the styles. 2. Inspect the elements in HTML. 3. Find a selector, long enough that you do not need to add "! important" after the css rules. 4. After you have found the selector, test it in your browser with a color rule to check if it is working. 5. Add the selector into the custom.css of your desired theme. 6. Play with the browser and do any style as you wish. I will add a video for you soon. 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