frontend Posted February 27, 2019 Share Posted February 27, 2019 Hi, For some text in the Footer i cannot seem to change the color of the text. I try to edit /themes/default-bootstrap/css/global.css I was able to change most text color (categories etc) but not the text within these red line. I clear cache etc after making changes but that does not change anything. This is part of the global.css fot the Store info. .footer-container #footer #block_contact_infos { border-left: 1px solid #515151; } @media (max-width: 767px) { .footer-container #footer #block_contact_infos { border: none; } } .footer-container #footer #block_contact_infos > div { padding: 0 0 0 5px; } @media (max-width: 767px) { .footer-container #footer #block_contact_infos > div { padding-left: 0; } } .footer-container #footer #block_contact_infos > div ul li { padding: 0 0 7px 4px; overflow: hidden; line-height: 30px; } .footer-container #footer #block_contact_infos > div ul li > span, .footer-container #footer #block_contact_infos > div ul li > span a { color: #fff; font-weight: normal; } .footer-container #footer #block_contact_infos > div ul li i { font-size: 25px; width: 32px; text-align: center; padding-right: 12px; float: left; color: #908f8f; } But i cant seem to get it right when i want to change that text color to #fff Adding color: #fff; too .footer-container #footer #block_contact_infos > div ul li { padding: 0 0 7px 4px; overflow: hidden; line-height: 30px; } Does not work. Link to comment Share on other sites More sharing options...
tdsoft Posted February 27, 2019 Share Posted February 27, 2019 You can use source: .footer-container #footer #block_contact_infos > div ul li { color: #fff; } .footer-container #footer a{ color: #fff; } Also open global.css on your browser to clear cache. Example: http://yourstore.com/themes/default-bootstrap/css/global.css Link to comment Share on other sites More sharing options...
frontend Posted February 27, 2019 Author Share Posted February 27, 2019 That did the Trick thank you. Can you also tell me how to do it for the @2016 text at the bottom left. Link to comment Share on other sites More sharing options...
Presta Bucket Posted February 28, 2019 Share Posted February 28, 2019 (edited) Hello, Please add this code into your global.css. This will do the trick to @2016 too. .footer-container #footer .bottom-footer { color: #fff; } Edited February 28, 2019 by Presta Bucket (see edit history) Link to comment Share on other sites More sharing options...
frontend Posted February 28, 2019 Author Share Posted February 28, 2019 Great that worked. Thanks Presta Bucket 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