[Skip to main content](#vessel-content) # Frontend CSS interferes with other componets that use the UI CSS ## - **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")** - [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") Topic Author - [ Offline](/forum/user/556-jameswadsworth) Less More - Posts: 274 - Thank you received: 5 - - - - [](http://www.deanimaconsulting.com) - 6 years 6 months ago [\#318385](#318385) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") *[Frontend CSS interferes with other componets that use the UI CSS](/forum/26-product-category-display/899726-frontend-css-interferes-with-other-componets-that-use-the-ui-css#318385 "-- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James")* was created by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: Code: <ul class="k2TabsNavigation ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> </ul> The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk3MjYtZnJvbnRlbmQtY3NzLWludGVyZmVyZXMtd2l0aC1vdGhlci1jb21wb25ldHMtdGhhdC11c2UtdGhlLXVpLWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/register) 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: 86324 - Thank you received: 14288 - - 6 years 6 months ago [\#318389](#318389) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Frontend CSS interferes with other componets that use the UI CSS](/forum/26-product-category-display/899726-frontend-css-interferes-with-other-componets-that-use-the-ui-css#318389 "-- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James")* Hi, This code is not in frontend_default.css anymore. It's either in frontend_old.css which is the old CSS from HikaShop 1.x and 2.x, or in style_default.css which is deactivated by default. Now that CSS isn't used anymore by any HTML we have in HikaShop. It has been replaced by our own tab CSS as the CSS and JS from jQuery UI created conflicts with other extensions/templates. But I'll remove it from the style_default.css as there is no reason to keep it there in the future. I however don't see how you could have it in frontend_default.css unless you're using a really old version of HikaShop. If you really have it, I suppose you can just delete it. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk3MjYtZnJvbnRlbmQtY3NzLWludGVyZmVyZXMtd2l0aC1vdGhlci1jb21wb25ldHMtdGhhdC11c2UtdGhlLXVpLWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")** - [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") Topic Author - [ Offline](/forum/user/556-jameswadsworth) Less More - Posts: 274 - Thank you received: 5 - - - - [](http://www.deanimaconsulting.com) - 6 years 6 months ago [\#318453](#318453) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") Replied by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* on topic *[Frontend CSS interferes with other componets that use the UI CSS](/forum/26-product-category-display/899726-frontend-css-interferes-with-other-componets-that-use-the-ui-css#318453 "-- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James")* Hi Nicolas the site has been running Hikashop since v1.4.1 ![;-)](/media/kunena/emoticons/24.png ";-)"). I just downloaded the latest Hikashop version 4.3.0 and looked in the frontend_default.css and the offending code is still there. Is in both frontend_old.css and frontend_default.css. Please check at from your side. Thanks, J Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk3MjYtZnJvbnRlbmQtY3NzLWludGVyZmVyZXMtd2l0aC1vdGhlci1jb21wb25ldHMtdGhhdC11c2UtdGhlLXVpLWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 6 years 6 months ago - 6 years 6 months ago [\#318466](#318466) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Frontend CSS interferes with other componets that use the UI CSS](/forum/26-product-category-display/899726-frontend-css-interferes-with-other-componets-that-use-the-ui-css#318466 "-- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James")* Hello, Please provide an **url link** that will allow us to better understand the context. This will help us to better get the root issue. Awaiting news from you to progress on your subject. Regards Last edit: 6 years 6 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk3MjYtZnJvbnRlbmQtY3NzLWludGVyZmVyZXMtd2l0aC1vdGhlci1jb21wb25ldHMtdGhhdC11c2UtdGhlLXVpLWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")** - [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") Topic Author - [ Offline](/forum/user/556-jameswadsworth) Less More - Posts: 274 - Thank you received: 5 - - - - [](http://www.deanimaconsulting.com) - 5 years 7 months ago [\#330516](#330516) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") Replied by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* on topic *[Frontend CSS interferes with other componets that use the UI CSS](/forum/26-product-category-display/899726-frontend-css-interferes-with-other-componets-that-use-the-ui-css#330516 "-- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James")* Still an issue in 4.4.1. The hikashop frontend_default.css has formatting that interferes with any other Joomla component that loads the JQuery UI class. See the attached screenshot. Solution: add some css selectors to the frontend_default.css code to that the formatting is only applied when viewing the hikashop component. - [ ![Selection_139.png](/forum/attachment/52230) ](/forum/attachment/52230 "Selection_139.png") [ ](/forum/attachment/52230?download=1 "Selection_139.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk3MjYtZnJvbnRlbmQtY3NzLWludGVyZmVyZXMtd2l0aC1vdGhlci1jb21wb25ldHMtdGhhdC11c2UtdGhlLXVpLWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/register) 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: 86324 - Thank you received: 14288 - - 5 years 7 months ago - 5 years 7 months ago [\#330517](#330517) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Frontend CSS interferes with other componets that use the UI CSS](/forum/26-product-category-display/899726-frontend-css-interferes-with-other-componets-that-use-the-ui-css#330517 "-- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James")* Hi, I'm sorry but I can't find such CSS code on our end: [ i.imgur.com/ddyOzEq.png](https://i.imgur.com/ddyOzEq.png) You can see on the top right of the screenshot that the search doesn't find any text with ui- in the frontend_default.css file. You keep telling us that you see that CSS there and we keep tell you that it's not the case anymore. Unfortunately, it will be the same next year since we don't have that CSS anymore in the frontend_default.css file. There must be something else to it. Like for example, maybe you have permissions on that file preventing the Joomla installer from updating that file and your frontend_default.css file is from a really old version of Hikashop. That's why Philippe asked you last year for a link to that page so that we could check on your frontend_default.css Last edit: 5 years 7 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk3MjYtZnJvbnRlbmQtY3NzLWludGVyZmVyZXMtd2l0aC1vdGhlci1jb21wb25ldHMtdGhhdC11c2UtdGhlLXVpLWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")** - [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") Topic Author - [ Offline](/forum/user/556-jameswadsworth) Less More - Posts: 274 - Thank you received: 5 - - - - [](http://www.deanimaconsulting.com) - 5 years 7 months ago [\#330543](#330543) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile") Replied by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* on topic *[Frontend CSS interferes with other componets that use the UI CSS](/forum/26-product-category-display/899726-frontend-css-interferes-with-other-componets-that-use-the-ui-css#330543 "-- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.18 Hi there, we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend: The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess. Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue? Thanks, James")* Sorry my mistake. It *was* present in com_hikashop_business_v4.4.0_2020-10-04_21-31-30 but the code has been remove in 4.4.1. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk3MjYtZnJvbnRlbmQtY3NzLWludGVyZmVyZXMtd2l0aC1vdGhlci1jb21wb25ldHMtdGhhdC11c2UtdGhlLXVpLWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & 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.069 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)