I have a CSS conflict with the JA_Purity 1.2.0 Template included with Joomla 1.5.6. The buttons at the bottom of the "reply to post" (eg preview, submit, cancel, and also the two img buttons) are almost black (as in black text on black background). I think I need to replace the images with solid (as opposed to transparent) images to compensate for the background.

Where are the images for the five buttons located?

Thanks.

i passed exactly the same with joomla 1.5.6 , any idea????

the template work with JA

Please help

There's been a sticky up about this for months now.

ok...I've spent hours trying to solve this (it can't be this hard). Also, I must just be missing the sticky referring to this issue.

Does anyone else have FireBoard running successfully (without the button issues) with the JA_Purity template that is included in the official Joomla distro?

Change the color of "grad1.gif" in ja-purity/images. Worked on my demo.

THANK YOU! That seemed to work.

Is the color of the font on the buttons of the "Post a new message" page specified by the FireBoard template or by Joomla's default template?

Is it possible to edit the css that sets the color attribute for the text on those buttons?

olesek wrote:
ok...I've spent hours trying to solve this (it can't be this hard). Also, I must just be missing the sticky referring to this issue.

I also can't find the sticky. Another reply said it was in the FB Graphics and Templates forum, but there's no sticky there.

It would be appreciated if someone would post the link to the sticky.

JC999 wrote:
Change the color of "grad1.gif" in ja-purity/images. Worked on my demo.

I changed it to a very light grey in my install, but the buttons are still black.


EDIT TO ADD: RESOLVED

In default_ex_rejuvinated template, find forum.css.

Open in plan test editor, and on line 780, find this code:

table#fb_postmessage .button {
border: 1px solid #999;
color: #333;
font-weight: bold;
padding: 3px 10px;
margin: 3px;

Change the color from 333 to FFF, so the code looks like this:

table#fb_postmessage .button {
border: 1px solid #999;
color: #FFF;
font-weight: bold;
padding: 3px 10px;
margin: 3px;

Now the block is black with white text.

A guide to three character colors can be found here:

www.december.com/html/spec/color3hex4.html