- Posts: 40
- Thank you received: 0
hikashop css is loaded after user.css is loaded
8 months 2 weeks ago #369975
by W13ear
hikashop css is loaded after user.css is loaded was created by W13ear
-- HikaShop version -- : 6.1.1
-- Joomla version -- : 5.3.4
-- PHP version -- : 8.4.x
-- Browser(s) name and version -- : any
-- Error-message(debug-mod must be tuned on) -- : none
When I change, in the user.css, the colors of the buttons, they are overwritten by the Hikashop css files.
How can I force the user.css to be loaded after the Hikashop css files?
Thanks in advance.
-- Joomla version -- : 5.3.4
-- PHP version -- : 8.4.x
-- Browser(s) name and version -- : any
-- Error-message(debug-mod must be tuned on) -- : none
When I change, in the user.css, the colors of the buttons, they are overwritten by the Hikashop css files.
How can I force the user.css to be loaded after the Hikashop css files?
Thanks in advance.
Please Log in or Create an account to join the conversation.
8 months 1 week ago #369979
by nicolas
Replied by nicolas on topic hikashop css is loaded after user.css is loaded
Hi,
The order of the CSS files can be changed in the templates/YOUR_TEMPLATE/index.php file (or in some other file of your template based on how it is developed).
However, usually, you don't want to change that because you're loose your change after each update of the template.
Ideally, rather than doing that, you want to write your CSS code in a way which makes your CSS with a higher priority. For example, a way to do that is to use !important in your CSS:
developer.mozilla.org/en-US/docs/Web/CSS...nce/Values/important
The order of the CSS files can be changed in the templates/YOUR_TEMPLATE/index.php file (or in some other file of your template based on how it is developed).
However, usually, you don't want to change that because you're loose your change after each update of the template.
Ideally, rather than doing that, you want to write your CSS code in a way which makes your CSS with a higher priority. For example, a way to do that is to use !important in your CSS:
developer.mozilla.org/en-US/docs/Web/CSS...nce/Values/important
The following user(s) said Thank You: W13ear
Please Log in or Create an account to join the conversation.
Time to create page: 0.232 seconds