Topic Icon Space & spoiler/code color

Problem : http://prntscr.com/6lg2zj


My forum is Phbb3 format and i want to space out the space between the topic title and the status icon enough to let the topic icons clearly show but im not sure how to.

any suggestions/help?



I was also wondering how I can change the color of spoilers/code boxes/the text box color from a white, because my forum I'll working on is really dark and with the stuff being white its really an eye sore.

Bump..?

Can I do that yet..?

Either way added another problem I'm looking for help with.

Add the following rule to your stylesheet to move the topic titles over :
Display > Colors > CSS stylesheet

Code:

ul.topics dd.dterm, ul.topics dt {
  padding-left:60px !important;
}

For the post boxes, you can use these CSS rules :

Code:

/* quote */
blockquote {
  color:#FFF;
  background:#222;
  border:1px solid #333;
}

/* code, spoiler, hidebox */
dl.codebox {
  color:#FFF;
  background:#222;
  border:1px solid #333;
}

Thank you.

Is there anywhere specific I should put them in?
I'm still new to CSS coding.

If adding it to the bottom does not work, add it to the top.

Thank you, it looks like i got to spoiler/quote boxes fixed but is it possible to change the color of the type box itself?

and im still running into the issue of overlapping with the icons, I now have space for them but their looking like this, and im not sure how to fix it without entirely messing up the code.

http://prntscr.com/6lrc6w

Play around with the px number until you get what you want.

Code:

ul.topics dd.dterm, ul.topics dt {
  padding-left:60px !important;
}

Are you referring to the message text or the text in code and spoiler boxes?

I've already used that code however it only moved over the thread title, not the icon for the topic label/icon so it overlapped the icon that shiws if a thread has a new post/is popular/ect.

And for text box I mean the box for replys or where you type the contents of a new thread.

Code:

ul.topics dt {
background-position: 0px 0px;
}

background-position: left/right up/down;