Where/how can I change the color of the status icons
By Andrew McFarland on Wednesday, 21 August 2013
Posted in General Issues
Replies 8
Likes 0
Views 0.9K
Votes 0
When the moderator places an idea into a status (e.g. on hold, accepted, working on, etc) a box appears to show the status. I would like each of these boxes to have a different color (now orange) to be more visually descriptive. Reject might be red... accepted might be green for example.

So the question is how and where can i modify these colors?
I had to reinstall the template file yesterday and it blew away all the changes you made on August 23rd.

"and also because of the template behavior, the label does not respect bootstrap colors.
Hence, I added some custom css here to fix this up
/templates/yoo_nano3/custom/css/custom.css"

Can you explain what changes you made in the file? Or I can grant access and you can make again.
Andrew McFarland
·
Saturday, 31 May 2014 00:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Andrew McFarland,

I am really sorry for the delay of this reply as it is a weekend for us here.
I'm not really sure that what my colleague did for you in custom.css file before, because my colleague Eric is not around here.
I will try my best to figure out on this, can you provide us with your Joomla backend and FTP access so we can help you check on this? Please advise.
Arlex Wong
·
Sunday, 01 June 2014 12:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks. Backend details attached.
Andrew McFarland
·
Monday, 02 June 2014 21:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Andrew McFarland,

Sorry for late reply to this,
It seems like your current template is not loading on this css file -> JoomlaFolder/templates/yoo_nano3/custom/css/custom.css

But I have move the custom CSS code in this file -> JoomlaFolder/templates/yoo_nano3/css/custom.css

Please have a check is it meet your requirement here? Please advise.
Arlex Wong
·
Tuesday, 03 June 2014 14:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Not quite.

What I have is:

on-hold = label-info (ORANGE)
accepted = label-success (green)
working-on = label-warning (orange)
reject = label-inverse (ORANGE)

What I want is the following color scheme.

on-hold = label-info (blue)
accepted = label-success (green)
working-on = label-warning (orange)
reject = label-inverse (black)

Thx again for help.
Andrew McFarland
·
Tuesday, 03 June 2014 20:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Andrew McFarland,

I have applied this code in this file

JoomlaFolder/templates/yoo_nano3/styles/orange/css/theme.css



/* Customize for the color icon

============================================================================= */

#discuss-wrapper .label-info {

	background: #40B4E5 !important;

}



#discuss-wrapper .label-accept {

	background: #6CC049 !important;

}



#discuss-wrapper .label-warning {

	background: #FF9E15 !important;

}



#discuss-wrapper .label-inverse {

	background: #333333 !important;

}







#discuss-wrapper .label-post_status-on-hold {

	background: #40B4E5 !important;

}



#discuss-wrapper .label-post_status-accept {

	background: #6CC049 !important;

}



#discuss-wrapper .label-post_status-working-on {

	background: #FF9E15 !important;

}



#discuss-wrapper .label-post_status-reject {

	background: #333333 !important;

}





#discuss-wrapper .discuss-searchbar .input-searchbar {

  width: 98% !important;

  padding: 4px 0 4px 1%;

}


Please have a check.
Arlex Wong
·
Tuesday, 03 June 2014 23:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Perfect, thanks!
Andrew McFarland
·
Thursday, 05 June 2014 06:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Andrew,

You're welcome.
Nik Faris
·
Thursday, 05 June 2014 09:22
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post