how to modify the font in the buttons

Hello,
we integrated the WHMCS into the cloudhost template. Technically speaking it works properly, but we have some issues:
http://support.ferdelancenetworks.com/cart.php
The font in the button is white. Is there a way to change the font's color in the button? If yes, how could i do it?
Thanks in advance.

Hi,
sure:

Code: Select all

#jwhmcswrapper #whmcsorderfrm input[type="button"],
#jwhmcswrapper #whmcsorderfrm input[type="reset"],
#jwhmcswrapper #whmcsorderfrm input[type="submit"] {
    color: #333333 !important;  }

This will fix it!

Hi Pawel,
thank for your quick reply. You mean to change the color code in al files from whmcs what interacts with cloudhost template, or should i do it in a specific css file?

Sorry, I forgot to tell you, you can add this code:
1) In component css (not recommended, but works)
2) Guide: http://www.gavick.com/documentation/joo ... -template/ (safe & recommended method, also works)

Hi Pawel,
sorry but i have to reopen this thread. Your solution works but only partial, on few pages. There are few of them where i have the same font ( white ) ,in the buttons and i cannot see what is written there:
http://support.ferdelancenetworks.com/index.php
Take a look over there, please Also, check the screenshot attached. in those empty tale fields should be "Reboot" "boot" etc.
could you please advice? Thank you.

ss.png

Sure, no problem - use:

Code: Select all

#jwhmcswrapper .btn { color: #333333 !important; }

Hi Pawel,
thank you for your quick reply but it does not work properly. The css what i have now:
/* Here you can include your override CSS styles */
#jwhmcswrapper #whmcsorderfrm input[type="button"],
#jwhmcswrapper #whmcsorderfrm input[type="reset"],
#jwhmcswrapper #whmcsorderfrm input[type="submit"] {
color: #333333 !important; }
#jwhmcswrapper .btn { color: #333333 !important; }
dd.gkPrice {text-align: center}
dd.gkPrice .button, dd.gkPrice .button:hover {float: none; display: inline-block;}

The reboot, boot, serial , etc are still not visible....
See the new image attached: the font is visible on the same page on "Back to service list" in the left side og the image , in the left corner.

ss2.png

Ahhh those ...
please use firebug to check it's class name.

<td width="150" class="fieldarea">Options:</td>
this i have there...after that the buttons are there:

<input type="button" style="width: 135px" class="searchinput" value="Reboot" onclick="window.location='clientarea.php?action=productdetails&amp;id=11&amp;serveraction=custom&amp;a=reboot'">

I added the
#fieldarea .btn { color: #333333 !important; }
in the override css file, but no luck. What you suggest?

ok, but you gave me only small excerpt of code

Code: Select all

input.searchinput { color:#333; }

Hi Pawel,
thank you for your help, i figured it out finally.
I had to add there:
#jwhmcswrapper * {color: #333333 !important; } and it works. Thanks again and back to the other threads