Gauravk Posted July 31, 2015 Share Posted July 31, 2015 I recently upgraded to 4.0.11, and customize the default theme with amazing back-end control. However I am bit lost on how to change the color of top right white text: "Create, Bell, Message icon etc" I like to change its color from white to black and couldn't find any back-end option. Appreciate little heads up in right direction and if it's not customizable from back-end then please let me know which code to edit in css files to change it's color. Thanks in advance. Link to comment Share on other sites More sharing options...
broni Posted July 31, 2015 Share Posted July 31, 2015 #elUserNav > li > a { color: #fff; font-size: 13px; vertical-align: middle;} Link to comment Share on other sites More sharing options...
Gauravk Posted July 31, 2015 Author Share Posted July 31, 2015 Thanks broni, can you please tell me the file name and location where to make these edits...? Link to comment Share on other sites More sharing options...
broni Posted July 31, 2015 Share Posted July 31, 2015 Go ACP>Customize>>Themes>your_skin>edit button>CSS tab and put "#elUserNav > li > a" into a search box.It'll find it for you. Link to comment Share on other sites More sharing options...
Gauravk Posted July 31, 2015 Author Share Posted July 31, 2015 Many thanks broni, all sorted. Link to comment Share on other sites More sharing options...
Gauravk Posted July 31, 2015 Author Share Posted July 31, 2015 Hi broni, I have changed that color to black to suit for logged in user, but guest will be seeing black button with dark grey text (almost illegible). Any idea on how I can change that dark grey text for sign in button for guests? Check attached. Thanks in advance. Link to comment Share on other sites More sharing options...
wmarcy Posted July 31, 2015 Share Posted July 31, 2015 You might want to take Broni's snippet, change the color to your liking then stick it in your own custom.css, so it is not overwritten on your next upgrade. Link to comment Share on other sites More sharing options...
broni Posted July 31, 2015 Share Posted July 31, 2015 You can adjust that button background color:.ipsApp .ipsButton_primary { background: #262e33 none repeat scroll 0 0; color: #ffffff;} Obviously some more buttons will fall under same change so you have play around until you're happy. Link to comment Share on other sites More sharing options...
Ausy Posted July 31, 2015 Share Posted July 31, 2015 You can adjust that button background color:.ipsApp .ipsButton_primary { background: #262e33 none repeat scroll 0 0; color: #ffffff;} Obviously some more buttons will fall under same change so you have play around until you're happy.Actually that's an annoying thing about that button, If you change it to a light background then you go to ACP many buttons there are affected and don't stand out enough. Perhaps someone can suggest how to fix that. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.