Change button color for Cart Notification Pup

  • Posts: 132
  • Thank you received: 3
  • Hikaserial Subscription Hikashop Business
3 years 5 months ago #333456

-- HikaShop version -- : 4.43
-- Joomla version -- : 4

I noticed that on the pop up there are two buttons and one is changing colors.
Usually I can change css on my own. Nit in this situation.

Proceed to checkout button color is blue to to light blue and back. I tried to add custom code to CSS to change the color to green or black. But it does not do anything. Could you please let me know how to change the blue to green button?

The second button Continue shopping is the exact same color and make it visually too similar to the first button. If possible I prefer to change the second color button.

The buttons aligned to the right. I would like to change it to the middle.
Is it possible?
Thank you.

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
3 years 5 months ago #333481

Hi,

The CSS for these comes from the file media/com_hikashop/css/vex.css
You need to be careful of the order of the CSS files in the header of your pages.
If the file media/com_hikashop/css/vex.css is listed after the file where you added your custom CSS, then the default CSS of vex.css will override your CSS code.
In that case, to circumvent the issue, you can use the !important CSS trick to override the CSS code placed after yours.
www.w3schools.com/css/css_important.asp
And yes, with the correct CSS, you'll be able to move the buttons, change their colors, etc.

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

  • Posts: 132
  • Thank you received: 3
  • Hikaserial Subscription Hikashop Business
3 years 5 months ago #333483

Thank you, it works well.

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

Time to create page: 0.061 seconds
Powered by Kunena Forum