How to Change Font Size on Add to Cart Button

  • Posts: 8
  • Thank you received: 1
13 years 4 months ago #4414

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;
}

Attachments:
The following user(s) said Thank You: Odda

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

  • Posts: 81604
  • Thank you received: 13082
  • MODERATOR
13 years 4 months ago #4415

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.

  • Posts: 8
  • Thank you received: 1
13 years 4 months ago #4417

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.

  • Posts: 8
  • Thank you received: 1
13 years 4 months ago #4418

See attached file for what the CSS is doing

Attachments:

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

  • Posts: 81604
  • Thank you received: 13082
  • MODERATOR
13 years 4 months ago #4419

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: 13 years 4 months ago by nicolas.

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

  • Posts: 8
  • Thank you received: 1
13 years 4 months ago #4420

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.

  • Posts: 8
  • Thank you received: 1
13 years 4 months ago #4421

[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.070 seconds
Powered by Kunena Forum