Public Forums 71,145 posts

[ardase Friend ardaseJoin date: June 2007Posts: 27Downloads:0Uploads:5 Thanks: 4]

#133004

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?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#268983

Ja_Purity?

[ardase Friend ardaseJoin date: June 2007Posts: 27Downloads:0Uploads:5 Thanks: 4]

#268986

Yes the problem is with the fireboard

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#268987

I understand now. Can you share a URL? It’s much easier to diagnose that way.

Thanks,
john.

[ardase Friend ardaseJoin date: June 2007Posts: 27Downloads:0Uploads:5 Thanks: 4]

#269005

the demo

http://www.arenillascity.com/foro.html?func=post&do=reply&catid=2

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#269010

Here’s your solution

In the file template.css (line 195)
Change the area in red to indicate what you see below.
NOTE: the following is just a snippet of the full CSS block, but you only need to change what’s indicated in Red.


.button {
background:#FFFFFF none repeat scroll 0 0;

That should do it.

John.

1 user says Thank You to John Wesley Brett for this useful post

1. vietseo

[ardase Friend ardaseJoin date: June 2007Posts: 27Downloads:0Uploads:5 Thanks: 4]

#269051

fixed but now when the mouse by not hce any effect

[elbel86 Friend elbel86Join date: August 2008Posts: 3Downloads:0Uploads:0 Thanks: 2]

#271532

Where is that template.css file located, in the one I’m looking at line 195 doesn’t look like that at all and I can’t find another line that does either. Maybe I’m looking at the wrong file?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#271549

The first was diagnosed in line 195 in HIS website.
It could quite possibly be different in yours.
If you can provide a URL for your page with the same issue I’ll be glad to track it down for you.

John.

[elbel86 Friend elbel86Join date: August 2008Posts: 3Downloads:0Uploads:0 Thanks: 2]

#271556

My URL is

http://www.punxsy.net/index.php?option=com_fireboard&Itemid=3&func=post&do=reply&catid=20

You probably have to register to see the problem.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#271597

Elbel, located the problem and below is your fix:
To show white letters on top of the dark button:

locate forum.css (line 145) and change ….

From this:


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


to this:


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

Nice shot of Phil in the header by the way! 🙂

Have fun!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. elbel86

[elbel86 Friend elbel86Join date: August 2008Posts: 3Downloads:0Uploads:0 Thanks: 2]

#271605

Thanks a ton for that diagnosis.

I did have a problem when I changed the text color to white it also changed the text to white in the image and file upload boxes, so i figured out how to add a background tag and made the buttons gray and left the text black.

I could have never fixed it without you finding it for me though. Thanks.

[Author]

Posts