Skip to main content

How to Change Font Size on Add to Cart Button

More
15 years 8 months ago #4414 by DavidBShapiro
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;
}
The following user(s) said Thank You: Odda

Please Log in or Create an account to join the conversation.

More
15 years 8 months ago #4415 by nicolas
The class name is hikashop_cart_input_button and not hikashop_cart_input_buttons

Please Log in or Create an account to join the conversation.

More
15 years 8 months ago #4417 by DavidBShapiro
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.

Please Log in or Create an account to join the conversation.

More
15 years 8 months ago #4418 by DavidBShapiro
See attached file for what the CSS is doing

Please Log in or Create an account to join the conversation.

More
15 years 8 months ago - 15 years 8 months ago #4419 by nicolas
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.
Last edit: 15 years 8 months ago by nicolas.

Please Log in or Create an account to join the conversation.

More
15 years 8 months ago #4420 by DavidBShapiro
Still not working.. Any other thoughts would help!

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

Please Log in or Create an account to join the conversation.

More
15 years 8 months ago #4421 by DavidBShapiro
[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.

:cheer:

Please Log in or Create an account to join the conversation.

Time to create page: 0.170 seconds
Powered by Kunena Forum