Can't edit CSS styles of the add to cart button when linked to "Hikashop Module"

  • Posts: 220
  • Thank you received: 12
4 years 3 months ago #326717

-- HikaShop version -- : 4.0.3
-- Joomla version -- : 3.9.22
-- PHP version -- : 5.6.40

Hello,

When clicking on the products that are loaded by the "Hikashop Module" on the homepage - www.rebuilddrunkcheese.jroot.layer3.co.uk/

the add to cart button is not editable by CSS - www.rebuilddrunkcheese.jroot.layer3.co.u...-ubriaco-di-prosecco

What am I doing wrong?

Thanks

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

  • Posts: 4816
  • Thank you received: 654
  • MODERATOR
4 years 3 months ago #326722

Hello,

As we do not know exactly what you have done to customize your css, we will explain in general terms, the things to do and know to customs your Css.

First, to see how to add custom css command, ahve a look on this tutorial .


To build a good css command and more especially the right selector :
- Point your frontend element, then right-click => Inspector-tool (or inspect)
- A new window will be displayed, in order to get your html element class.
- create your css command and add it to your frontend file



Now, some advices to create good priority css command :
1. Check that your selector is well written, good class html and no mistake or typo
2. If your command is visible in your inspector tool, but is overrided (css command crossed out), then his priority isn't strong enough.


=> Some css priority system explanation :
From less to the highest priority :
.html_class_element {command: value}
.html_class_module .html_class_element {command: value}
.html_class_page .html_class_module .html_class_element {command: value}
.html_class_page .html_class_module .html_class_element {command: value !important;}

Note, that if 2 css command have strictly the same selector, then the last written in the css file will be the one used.
Hope this will help you to achieved what you need.

Regards

Last edit: 4 years 3 months ago by Philip.
The following user(s) said Thank You: joshualdouglas

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

  • Posts: 220
  • Thank you received: 12
4 years 3 months ago #326762

Perfect answer. I had to edit the CSS in the Hikashop > Display > CSS.

Thank you very much!

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

Time to create page: 0.060 seconds
Powered by Kunena Forum