Need to know which paths to change to change a color..

[sethron]

Attachment shows that the grey background of my main board is also the input of my 'create posts'. I want to change the colors there, but can't find which codes to change in the advanced CSS mode.

I'm not sure where this request belongs, to be honest. I just want to know which colors to change in order to edit THOSE specific areas.

Preferably in a way that I can put them in headers so they will override and be different colors on each different theme in my forum. (Each category has a different color scheme)

Attachments:

[Stinky666]

Hi sethron. I'm honestly not too sure what you're trying to change. If it's the text area for where you write your replies (BBCode + Preview), this can easily be done via: Admin > Themes > Advanced Styles & CSS
Scroll down to "Editors", in there you have BBCode and Visual/Preview.


If it's the buttons you want to change the colour of, for "add attachment" and similar (because I notice the colour on them is hard to read), use the following CSS:

/**************************************************************************
*                 Menus (Action, Select etc)                             *
**************************************************************************/
/* Containers and Dialogs */
.ui-selectMenu-box { .rounded-corners(4px); background-color: #f1eff0; border: 1px solid #e6e6e6; color: #978787;  }
.ui-selectMenu-box .arrow.down > span  { border-top-color: #e6e6e6; }
.container  > .control-bar > .controls { float: right; padding: 5px; color: #978787; }
/* CSS Arrows */
.arrow.down {  background-color: transparent; border-left-color: #e6e6e6; }
.arrow.up > span  { margin-left: -4px;  margin-top: -6px;  border-bottom-color: @container_links_color; }
.arrow.right  > span {  margin-left: -2px;  margin-top: -4px;  border-left-color: @container_links_color; }
.arrow.down  > span { margin-left: -4px; margin-top: -2px; border-top-color: @container_links_color; }
.arrow.left  > span {  margin-left: -7px;  margin-top: -4px;  border-right-color: @container_links_color; }
.options_menu, .options_menu ul, .select_menu_list, .select_menu_list ul, .smiley-menu, .smiley-menu ul, .ui-menu-context, .ui-menu-context ul {
border-top-color: #e6e6e6;
border-right-color: #e6e6e6;
border-bottom-color: #e6e6e6;
border-left-color: #e6e6e6;
box-shadow: 1px 1px 1px #e6e6e6;
background-color: #f1eff0;
}
.options_menu li > a, .select_menu_list li > a,  .smiley-menu li > a, .ui-menu-context  li > a { color: #978787; }
.ui-wysiwyg .button  { color: #978787; }
.options_menu li, .select_menu_list li, .ui-menu-context li { background-color: #f1eff0; }
/* Select Menu Hovers */
.options_menu li:hover > a,
.select_menu_list li:hover > a,
.smiley-menu li:hover > a,
.ui-menu-context li:hover > a {
   background-color: #ededed;
   color: #df0909;
   border-top: #f1eff0 1px solid;
   border-left: #f1eff0 1px solid;
   border-right: #f1eff0 1px solid;
   border-bottom: #f1eff0 1px solid;
}
.ui-selectMenu-box:hover .arrow {  background-color: transparent; border-left-color: #e6e6e6; }
.ui-selectlist .ui-selectlist-item.state-current {
   background-color: #f1eff0;  
}



The best thing to do, is to play with it, changing the colours to see what changes what, rather than me explaining it all.
It changes those buttons, plus your select menu's (such as Action) etc.
It also has a hover/rollover for them all too.


If it's neither of those you want to edit, can you be more specific please? Thanks

[sethron]

I am sorry I wasn't clear; I was in a rush on and off and I wanted to ask the question in hopes to have an answer, and here you are with the exact one despite how unclear I am.

That was exactly what I needed, and it was in an obvious spot. I had been searching high and low through the actual CSS and finding nothing; I couldn't figure out which tag related to the items I was attempting to change and I was just getting more and more frustrated, and you come along and show me exactly where it is in the most simple fashion.

Thank you so much. Sometimes I can't see the forest through the trees. Seriously.

The code to change the colors, too, was fantastic. Thank you. You are amazing.

[Stinky666]

Apr 26, 2013 2:36:56 GMT -8 sethron said:

I am sorry I wasn't clear; I was in a rush on and off and I wanted to ask the question in hopes to have an answer, and here you are with the exact one despite how unclear I am.

That was exactly what I needed, and it was in an obvious spot. I had been searching high and low through the actual CSS and finding nothing; I couldn't figure out which tag related to the items I was attempting to change and I was just getting more and more frustrated, and you come along and show me exactly where it is in the most simple fashion.

Thank you so much. Sometimes I can't see the forest through the trees. Seriously.

The code to change the colors, too, was fantastic. Thank you. You are amazing.

No worries.
Some times even when you're not in a rush, the most basic of explanations seems obvious or understandable to the person writing it.
I've done it plenty of times, where I know exactly what I am trying to say and it all makes sense etc to me, but to others it isn't lol.

Glad I could help =)