The color of the buttons changed after update

  • Posts: 68
  • Thank you received: 1
4 years 2 months ago #327781

-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.23
-- PHP version -- : 7.0.33
-- Browser(s) name and version -- : Chrome

Hi,

How do I change button colors back gray. Now it's green our test pages I tried to change Front-end CSS File
a.hikacart {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
, but maked it half..

www.takarengas.com/ not updated and it is allright. I would like to update them too.

Best regads,
Thunder

Attachments:

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

  • Posts: 83404
  • Thank you received: 13498
  • MODERATOR
4 years 2 months ago #327782

Hi,

No need for CSS.
Change the option "Extra CSS for add to cart buttons" from "hikacart" to "hikashop_cart_button" in the HikaShop configuration and it will display like before.

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

  • Posts: 68
  • Thank you received: 1
4 years 2 months ago #327788

Hi,

Thank you !
Checkout button still green ?

Best regards,
Thunder

Attachments:

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

  • Posts: 68
  • Thank you received: 1
4 years 2 months ago #327799

Hi,
I didn't come up with a solution..

Best regards,
Thunder

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

  • Posts: 12953
  • Thank you received: 1778
4 years 2 months ago #327817

Hello Thunder,
If you want to change the style of the next button, you'll have to apply CSS code on the "hikabtn_checkout_next" ID :

#hikabtn_checkout_next {
//Your code here
}

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

  • Posts: 68
  • Thank you received: 1
4 years 2 months ago #327846

Hi,

It is still green .. See screenshot.
Did I do right ? Will you tell me more.

Best regards,
Thunder

Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
4 years 2 months ago #327851

Hello Thunder,

Did I do right ? Will you tell me more.

No you should let that option set to hikashop_cart_button, as that option will control the css class of the add to cart button and not the checkout next button.

So, if you want to change the style of the next button, you'll have to apply that kind of CSS code on the "hikabtn_checkout_next" ID :
#hikabtn_checkout_next {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}

For more information about CSS customization :
www.hikashop.com/support/documentation/1...the-display.html#css

Kind regards,
Mohamed.

Last edit: 4 years 2 months ago by Mohamed Thelji.

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

  • Posts: 68
  • Thank you received: 1
4 years 2 months ago #327879

Hi,

Where is the code ?
I can not find.

Best regards,
Thunder

Attachments:

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

  • Posts: 83404
  • Thank you received: 13498
  • MODERATOR
4 years 2 months ago #327882

Hi,

You need to add the CSS code philippe proposed on your website. It will override the CSS on your screenshot so that the button will display like you want. So it's normal that you don't find the CSS philippe gave you as it's new CSS code to be added.
The link philippe provided explains how to add such custom CSS on your website (via the edit button of the "styles for frontend" setting under the Display tab of the HikaShop configuration page).

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

Time to create page: 0.080 seconds
Powered by Kunena Forum