CSS on cart buttons

-- HikaShop version -- : 4.2.1
-- Joomla version -- : 3.9.11
-- PHP version -- : 7
-- Browser(s) name and version -- : ff

Hi,
i would like to change the style of the card buttons Claas: hikashop_cart_button.
So i added the following to my templates custom.css
But it does not work.
What did i do wrong ?

regards Jan

Hi,

Hard to say without looking at the page in order to analyse the CSS on the add to cart buttons as there are many things which could change the way the CSS is used on the buttons.
Could you provide a URL so that we could look into it ?

Ofcourse: www.amaliavansolms.org/eshop2

Any idea yet ?

regards Jan

Hello Jan,

If you want your CSS code to be totally applied, you should have longer css identifiers like :
Kind regards,
Mohamed Thelji.

Hi
i tried your solution, but it did not work. Now the bottons are almost white.
I did not temove the changes so you can see for your self.

Button should be Dark Blue with white letters en Hover in orange backgound

regards Jan

p.s. i changed the font-color to black,so my customers can read the buttons

Hello,

I'm sorry but Mohamed fixed your CSS so it can be applied and visible in your website.
He did not change the content, which include the colors, height, borders, etc.
Now that you have a correct "CSS selector", you are able to perform every modification you want into to change the colors and the rest to fill your requirements.
But, as you understand, we are not aware of how you want to customize your website and our support is not a customization support.

If you want to know more about CSS and customization, I invite you to read more in our documentation and the various links it includes :
www.hikashop.com/support/documentation/1...the-display.html#css

Regards,

Hi Jerome,
I tried the documentation.
( i am not a programmer !!!!)
So i used this piece of documentatation
And i tried the add to cart css.


With the css:
But that doe not work either.

regards Jan

Hi,

In the documentation link provided you have this sentence:

In HikaShop > Configuration > Display > CSS, you can edit the "Style for the frontend" to add your custom CSS.

So you need to add your custom CSS via that "Style for the frontend" edit icon, and not in the "Extra CSS for add to cart button" as it can only have CSS classes, not CSS code.

Hi Nicolas,
thanks for your reply. But iam niet allowed to that:
While saving i get the message : The webmaster has forbidden your access to this site
Warning: Cannot modify header information - headers already sent by (output started at ......

I am administrator with the highest levels.
Should i do something before editting this file ?

regards Jan

i found the security issue and solved it.

I did what you said. But it did not work.

regards Jan

I think the only thing not working is the background-color Also not working on hover.

Hi,

You've added an !important to the background-color in non hover. And you didn't add it for the hover:
monosnap.com/file/0pKjrFseYU4N7iq8uwuvmW0rBVDqSc
So in that case, the non hover backgroun-color is priority, even for the hover.
Also, you have many other CSS code everywhere for the buttons and their gradient background mess with the background-color on hover. So You have to add a background:none; rule too:
monosnap.com/file/cLNSZhb4BEgJyaDjSFBpCxo1BSgBEv

Hi Nicolas,
yes thats works fine. THANKS

and background:none in the non hover part:
regards Jan

p.s.
other buttons works fine too now..