Color of button-text

[matias]

Hi,

I love the CK-Form extension, and so far I've only found one thing that I couldn't get to work.

When I add a submit-button it happens to have almost the same color of the text as the background color of the button (think that's because of the template I use). This makes it hard to see the text on it.

Is there any way I could change the color of the text on the submit-button?

Regards,
Matias

[uranian]

I have the same problem. I've tried to to solve it via the CSS class for label: section on the layout tab, trying things like color: red, but all to no avail. Any comments appreciated

[Pens]

I got the same problem. No css changes gets a new font style.

[uranian]

third time lucky??

[Samaroo]

Hi,

You can change the button using CSS.

Load the ckforms.php in the plugins/content directory and scroll down to about line 887 in version 1.3.3 build 3.

Basically you're looking for the section where it creates the HTML code for the buttons. There is a CSS class named ckCSSCenter so insert your CSS class there. Mine now looks like:

Code: Select all

$html = $html.'<div class="ckCSScenter fbuttons">'."\n";

In the ckForms CSS file I created the .fbuttons class with the style that I want.

Note: If you upgrade your ckForms you'll lose the changes you make. Either keep a log of the changes you made and reapply those changes when you upgrade or ask pedrino to include it as part of his releases.
Allan.

[ganhao]

Thats my problem too! I try Samaroo solution (many thanks) but im having problems creating the .fbuttons class. Can you please post yours?

Thank you,

J.Ganhão

[anzrysullivan]

I am having the same issue I can't get the button to change, even when following the above steps. Does this only work with build three? More help is needed!

[scorpio69]

Hello Everybody,

This is the first time ever that I post a reply on any forum, but being strugling with the same issue (changing the CSS didn't helped) and finally finding a work around, i said to my self that i had to share it.


Change the text color of the submit button:
Before you start make a back-up of your files!

1 - Look in de ckforms.php file for the next line of code:

$html = $html.'<input name="submit_bt" id="submit_bt" type="submit" value="'.$field->label.'" '.$jsbutton.' />'."\n";

2 - type the code of the color you want, like this -- style="color: #881687;" -- between the type="submit" and the value="' declaration.

The new line of code will look like this:

$html = $html.'<input name="submit_bt" id="submit_bt" type="submit" style="color: #881687;" value="'.$field->label.'" '.$jsbutton.' />'."\n";

3- Save the changes and upload it.

Change the text color of the clear button

1 - Look in de ckforms.php file for the next line of code:

$html = $html.'<input name="reset_bt" id="reset_bt" type="reset" value="'.$field->label.'" />&nbsp;'."\n";

2- type the code of the color you want, like this -- style="color: #881687;" -- between the type="submit" and the value="' declaration.

The new line of code will look like this:

$html = $html.'<input name="reset_bt" id="reset_bt" type="reset" style="color: #881687;" value="'.$field->label.'" />&nbsp;'."\n";

3- Save the changes and upload it.

Maybe de CSS method is more elegant, but i couldn't get it working, thus i found this one.
I hope it helps anybody still struggling with this issue.

[randyvavrin]

Here is a simple fix for changing the submit/reset button colors:

** CKForms component 1.3.5 (build 1) **

A.) Login to your Joomla admin
B.) Select Components > CKForms
C.) Highlight your form (create form if needed)
D.) check box to the left of your form name
E.) Select Edit CSS
F.) CHANGE THIS

.ckform input {
border: 1px solid #999;
padding: 2px;
}

TO THIS

.ckform input {
color: green;
border: 1px solid #999;
padding: 2px;
}

G.) Change green to any other html color name or hex value for html colors

Hope this helps,
Randy.