I'm in a situation where I can't read the text that is in the drop down menu's for DKP.

This goes for adding members to raids also, here is a picture to show what my problem is;

This is how Guildwork styles it by default.

.ac_results {
  overflow: hidden;
  z-index: 99999;
  margin-top: -3px;
  background-color: #fbfbfb;
  border: 1px solid #cacaca;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.10);
  box-shadow: 0 1px 1px rgba(0,0,0,0.10);
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ac_results li {
  margin: 0;
  padding: 3px 5px;
  cursor: pointer;
  font-size: 11px;
  overflow: hidden;
}
.ac_loading {
  background: url("../../img/_v2/loaders/1.gif") no-repeat;
  background-position: 99% center;
}
.ac_odd {
  background-color: #eee;
}
.ac_over {
  background-color: #ffc;
}

This will have to be changed in the Global template for it to take effect in the DKP, right?

Yes

Thank you, one last problem I'm having which I've been stuck on for a while is this.



I'm trying to remove the white box on the outside and it's really annoying me…

.widget-header {
  background-color: black;
background-image: url("http://guildwork.s3.amazonaws.com/files/4c6ef28ce5336e65d9000b5f/4f70eebf205cb2463903238e-widgethead6.jpg");
background-position: center;
color: white;
font-weight: bold;
border: none transparent;
padding: 0;
text-shadow: none;
}
.widget-body {
border-left: 0px solid transparent;
border-radius: 0 0px 0px;
background-color: #585858;
box-shadow: 1px 1px 1px #1C1C1C;
padding: 5px;
margin: 0 0 0;
}
font-size: 11px;
overflow: hidden;
word-wrap: break-word;
div {
display: block;
}

That's the code I have and I've tried to change everything but it won't go.

It is coming from the box-shadow

It goes in the global style actually, not template.

It is coming from the box-shadowStanislav

I figured it was, however I can't seem to figure it out. I've copied the box-shadow into the .widget header side, tried editing it and still no luck.

Plus; I placed it in the style instead of template, worked like a charm. Thanks!