[Skip to main content](#vessel-content)

#   CSS code from the user.css is nog efffective

##

- **[W13ear](/forum/user/46011-w13ear "View W13ear's Profile")**
- [![W13ear's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/46011-w13ear "View W13ear's Profile") Topic Author
- [ Offline](/forum/user/46011-w13ear)

Less More

- Posts: 40
- Thank you received: 0
-
-

10 months 1 week ago -  10 months 1 week ago [\#369879](#369879) by [W13ear](/forum/user/46011-w13ear "View W13ear's Profile")  *[CSS code from the user.css is nog efffective](/forum/26-product-category-display/910004-css-code-from-the-user-css-is-nog-efffective#369879 "-- HikaShop version -- : 6.1.1 -- Joomla version -- : 5.3.4 -- PHP version -- : 8.4.15 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : none  Hi,  I prefer to overwrite hikashop css with my own code from the user.css. Unfortunately the code from the user.css is overwritten by other hikashop css code.  Since I don't know how the different hikashop css files are used (also relating to the css files in the CSS Options in the configuration section), I was hoping you could supply me with the right way to (preferably) use the user.css file or how I can find more information about the different css files that are in the configuration area.  Hope I can get some help here!  Thanks in advance and all the best wishes for 2026!")* was created by *[W13ear](/forum/user/46011-w13ear "View W13ear's Profile")*

-- HikaShop version -- : 6.1.1
-- Joomla version -- : 5.3.4
-- PHP version -- : 8.4.15
-- Browser(s) name and version -- : all
-- Error-message(debug-mod must be tuned on) -- : none

Hi,

I prefer to overwrite hikashop css with my own code from the user.css.
Unfortunately the code from the user.css is overwritten by other hikashop css code.

Since I don't know how the different hikashop css files are used (also relating to the css files in the CSS Options in the configuration section), I was hoping you could supply me with the right way to (preferably) use the user.css file or how I can find more information about the different css files that are in the configuration area.

Hope I can get some help here!

Thanks in advance and all the best wishes for 2026!

Last edit: 10 months 1 week ago by [W13ear](/forum/user/46011-w13ear "View W13ear's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MTAwMDQtY3NzLWNvZGUtZnJvbS10aGUtdXNlci1jc3MtaXMtbm9nLWVmZmZlY3RpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86540
- Thank you received: 14301
-
-

10 months 1 week ago [\#369880](#369880) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[CSS code from the user.css is nog efffective](/forum/26-product-category-display/910004-css-code-from-the-user-css-is-nog-efffective#369880 "-- HikaShop version -- : 6.1.1 -- Joomla version -- : 5.3.4 -- PHP version -- : 8.4.15 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : none  Hi,  I prefer to overwrite hikashop css with my own code from the user.css. Unfortunately the code from the user.css is overwritten by other hikashop css code.  Since I don't know how the different hikashop css files are used (also relating to the css files in the CSS Options in the configuration section), I was hoping you could supply me with the right way to (preferably) use the user.css file or how I can find more information about the different css files that are in the configuration area.  Hope I can get some help here!  Thanks in advance and all the best wishes for 2026!")*

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](https://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](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/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/](https://extensions.joomla.org/extension/style-a-design/templating/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.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MTAwMDQtY3NzLWNvZGUtZnJvbS10aGUtdXNlci1jc3MtaXMtbm9nLWVmZmZlY3RpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.053 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
