CSS code from the user.css is nog efffective

Hi,

The browser is loading the CSS one file after the other based on the order of the files in the head of the page:
i.imgur.com/jGdQuAV.png
If you check that with your browser's inspector tool, you can see that the user.css file is listed before the HikaShop CSS files.
So, if you have some CSS code on an HTML element in your user.css and then some other CSS code on that same element in HikaShop's CSS files, the code in HikaShop's CSS file will take priority.

One solution is to use !important in your CSS code to override that ordering:
developer.mozilla.org/en-US/docs/Web/CSS...nce/Values/important

Another solution would be to have HikaShop's CSS file before the template's.
For example, this extension should do it:
extensions.joomla.org/extension/style-a-...emplating/customcss/

Another solution might be to configure HikaShop User synchronization plugin via the Joomla plugins manager to load HikaShop on all the pages. It should hopefully load HikaShop's main helper before the template is loaded and thus it would be placed before the template's CSS files in the head of the pages. However, this can add a bit of resources utilization (marginal most of the time) on your website since HikaShop will be loaded on all the pages, even the ones where it doesn't display anything.

Ideally, the Joomla template should be modified to add the user.css file at the end of the head, just before the rendering of the end. This way it would simplify customization for users, not just for HikaShop but for any extension.