How to Change Font Size on Add to Cart Button

My Add to Cart Button text is too large. I have attached a screenshot. What changes do I need to make to change this.

I tried adding this in the frontend_custom.css through your admin interface.

/***
/* Custom Button Font Size
/***
.hikashop_cart_input_buttons{
font-size: 8px;
} image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/AddToCart.jpg

The class name is hikashop_cart_input_button and not hikashop_cart_input_buttons

I made these changes and still not working.

Site Address: www.fitsolutionsnaples.com/index.php?opt...out=listing&Itemid=1

This is now the Code in frontend_custom.css and the display front-end css is set to custom in the configuration.

I am using IE* and the devloper tool does not show this css taking affect at all.

See attached file for what the CSS is doing image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/CSS_Override.jpg

That's because your template override the class font size.

Try this instead :

#hikashop_category_information_menu_1 .hikashop_cart_input_button{
font-size: 8px;
}

by using a parent element's id, there are more chances that this CSS will preveal over your template CSS.

Still not working.. Any other thoughts would help!

I appreciate your time on this. I am still fairly new at CSS

[SOLVED] I changed the CSS to
.hikashop_cart_input_button{

font-size: 8px !important;

}

It seems the !important did it.

Thanks for your help.

As I am just beginning the setup I expect you might see further questions from me.