Hi,
One of your CSS file that comes with your Joomla Template is overriding the text color in those buttons.
Basically you should create an another CSS rule and make another overriding and change the color to #fff though.
For example, "Register and Checkout" button uses this class name: "FlexibleResgiterButton"
So the proper CSS rule and Class route to change the color of that button should be something like this:
div.cart-view div.FlexibleLoginBoxRight a.FlexibleResgiterButton {
color:#ffffff;
}
And for the "checkout now" button it is something like this:
form#checkoutForm div.checkout-button-top a.vm-button-correct {
color:#ffffff;
}
You can add these CSS rules to this CSS file:
ROOT//templates/<youjoomlatemplate>/html/com_virtuemart/assets/css/flexibleVM2Global.css
For the other buttons that you want to change the colors; you should use "firebug" to figure out the CSS route (just like how i figured out the "checkout now" button use this route
form#checkoutForm div.checkout-button-top a.vm-button-correct).
As you might now, if any link is located in this kind of structure:
<div class="element1">
<div class="element2">
<a class="element3" href="xxx"> </a>
</div>
</div>
then to style this <a href> button, you should create this CSS rule below:
div.element1 div.element2 a.element3 {
color:#ffffff;
}
Make sense? Firebug will let investigate your website and let you figure out which route you should use to target that specific element.
if you just type:
a.element3 {
color:#ffffff;
}
It will work though, but it would be very open to be overriden by another CSS rule (just like how it happens in your website now). So you should increase this CSS rule by adding more element class name at the beginning of a.element3. Make sense? It is the very basic CSS thumb rule.
Refer to this page to see where to download firebug and how to use firebug:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting
Regards.