Changing color of search, actions menu, update status fields

[havelock]

I apologize if this isn't the right place to ask this, but it seemed a graphic design / skin / colors and theme question.  Please feel free to move this post if it's in the wrong spot thanks!

There are a few areas of my board where I can't figure out how to change the default colors through the different admin menus.  These all actually are default to white:

1)  The 'Update Status' entry form on a member's profile page.
2)  The 'Search' form that hovers over the posts in a thread
3)  The 'Select' and 'Actions:' small drop-down menu next to that which also hovers over the posts in a thread

Any help on this would be appreciated!  Thanks!

[RedBassett]

Moving this over to themes, as this is theme related. The graphics board is for images specifically

[havelock]

Thanks for putting it in the right spot, RedBassett!

[Jen Parsons]

2). Admin > Themes > Advanced Styles & CSS > Objects > Forms > Text Fields
3). change color of pulldowns

[Stinky666]

Aug 6, 2013 21:22:00 GMT -8 Jen Parsons said:

2). Admin > Themes > Advanced Styles & CSS > Objects > Forms > Text Fields
3). change color of pulldowns

For 2, use this instead, its more up-to-date.
Also, it modifies the dropdown menu for "smilies" too. It has rollover/hover colours as well


/* Menus (Action, Select etc)*/
/* Containers and Dialogs */
.ui-selectMenu-box { .rounded-corners(4px); background-color: #e6e6ee; border: 1px solid #cbcbdf; color: #8ea79f;  }
.ui-selectMenu-box .arrow.down > span  { border-top-color: #cbcbdf; }
.container  > .control-bar > .controls { float: right; padding: 5px; color: #cbcbdf; }

/* CSS Arrows */
.arrow.down {  background-color: transparent; border-left-color: #cbcbdf; }
.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: #cbcbdf;
border-right-color: #cbcbdf;
border-bottom-color: #cbcbdf;
border-left-color: #cbcbdf;
box-shadow: 1px 1px 1px #181818;
background-color: #e6e6ee;
}

.options_menu li > a, .select_menu_list li > a,  .smiley-menu li > a, .ui-menu-context  li > a { color: #8ea79f; }
.ui-wysiwyg .button  { color: #8ea79f; }

.options_menu li, .select_menu_list li, .ui-menu-context li { background-color: #e6e6ee; }

/* 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 {
   text-shadow: none;
   background-color: #acc5bd;
   color: #bc6277;
   border-top: #acc5bd 1px solid;
   border-left: #acc5bd 1px solid;
   border-right: #acc5bd 1px solid;
   border-bottom: #acc5bd 1px solid;  }
.ui-selectMenu-box:hover .arrow {  background-color: transparent; border-left-color: #cbcbdf; }

.ui-selectlist .ui-selectlist-item.state-current {
   background-color: #ffffff;  
}

[havelock]

Thank you very much for the update, Stinky666 !

In the case of code for both 2) and 3) Do I just replace the existing code in these areas with the new? Or is this in addition to what's there already?

[Stinky666]

Aug 7, 2013 12:21:50 GMT -8 havelock said:

Thank you very much for the update, Stinky666 !

In the case of code for both 2) and 3) Do I just replace the existing code in these areas with the new? Or is this in addition to what's there already?

Add the above to the very bottom of your style sheet.

[havelock]

Thank you very much Stinky666 that fixed all my drop down issues!

[Stinky666]

Aug 7, 2013 13:20:43 GMT -8 havelock said:

Thank you very much Stinky666 that fixed all my drop down issues!

1) Advanced Styles & CSS > Forms > Text Field

[havelock]

Stinky666 - So much better! It's all fixed! Thank you very much.