Column header color

[kingja]

I have a browse that has an in-line button at the end.  The header text on this column is not the same as the other columns.  See image ColHeader.png.

I have tried modifying the CSS as seen in image additionalcss.png.  In addition, I used FireBug to take a look at the code generated and this can be seen in image firebug.png.

I have tried many different CSS settings in the templates but have not had any success getting the column color to match.

If I need to use a custom css file, which class should I modify?  I have looked at nt-browse-header, ui-widget-header, nt-browse-header-selected, etc.

Any thoughts?

Thanks,

Jeff

[attachment deleted by admin]

[kingja]

I have a possible solution.  I allowed xHTML in the header and entered the following code:

'<span style="color: #0069d6; font-weight: normal">View<br />Phys/Staff</span>'

This sets the correct color and turns off bold.  In addition it creates a two line header.  Not sure this is the best approach but it does achieve the effect I wanted.  See the attached image.  Neat!

Jeff

[attachment deleted by admin]

[Bruce]

From your first pic it looks like you were missing the # in front of the color property. you included that correctly in your custom HTML.

If you want to split the text into 2 lines, then adding a <br/> and allowing xHtml in the header is the right way to do it. (The span is probably overkill though if you get the CSS right.)


Cheers
Bruce