Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: Adjust Font Color button on the form

Adjust Font Color button on the form 11 years 3 months ago #1738

Hi,

please where you can adjust the font color button on the form.
Currently the color for Joomla templates, I would like to set to white # FFFFFF

Regards Jana
Attachments:
The topic has been locked.

Adjust Font Color button on the form 11 years 3 months ago #1767

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.
Last Edit: 11 years 3 months ago by Support.
The topic has been locked.

Adjust Font Color button on the form 11 years 3 months ago #1780

Thank you.

Hi Jana
The topic has been locked.

Adjust Font Color button on the form 11 years 3 months ago #1791

your welcome.

Case solved. Topic is closed.
The topic has been locked.
Time to create page: 0.073 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo