[Skip to main content](#vessel-content) # How to assign custom css to product ## - **[paddyrolls](/forum/user/1931-paddyrolls "View paddyrolls's Profile")** - [![paddyrolls's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1931-paddyrolls "View paddyrolls's Profile") Topic Author - [ Offline](/forum/user/1931-paddyrolls) Less More - Posts: 100 - Thank you received: 1 - - 14 years 2 months ago [\#59945](#59945) by [paddyrolls](/forum/user/1931-paddyrolls "View paddyrolls's Profile") *[How to assign custom css to product](/forum/2-general-talk-about-hikashop/59945-how-to-assign-custom-css-to-product#59945 "HI I see under Configuration->Display->under CSS section there is an option called Front-end CSS File. In the dropdown box the options to choose are None, Default and Custom. Could you tell me Custom relates to Products as I can only on the Product configuration page Under Layout on product page the following options:Inherit, Default Reverse and Tabular. Thanks in advance Patrick")* was created by *[paddyrolls](/forum/user/1931-paddyrolls "View paddyrolls's Profile")* HI I see under Configuration->Display->under CSS section there is an option called Front-end CSS File. In the dropdown box the options to choose are None, Default and Custom. Could you tell me Custom relates to Products as I can only on the Product configuration page Under Layout on product page the following options:Inherit, Default Reverse and Tabular. Thanks in advance Patrick Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5OTQ1LWhvdy10by1hc3NpZ24tY3VzdG9tLWNzcy10by1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 14 years 2 months ago - 14 years 2 months ago [\#59947](#59947) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Re: How to assign custom css to product](/forum/2-general-talk-about-hikashop/59945-how-to-assign-custom-css-to-product#59947 "HI I see under Configuration->Display->under CSS section there is an option called Front-end CSS File. In the dropdown box the options to choose are None, Default and Custom. Could you tell me Custom relates to Products as I can only on the Product configuration page Under Layout on product page the following options:Inherit, Default Reverse and Tabular. Thanks in advance Patrick")* Hello, I think that you should maybe check the [ "Styling of the display"](http://www.hikashop.com/en/support/documentation/faq.html#css) section of the documentation, then you'll find [ some possible things](http://www.hikashop.com/fr/support/84-css-styling.html) that you can do to your product page. Last edit: 14 years 2 months ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5OTQ1LWhvdy10by1hc3NpZ24tY3VzdG9tLWNzcy10by1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[paddyrolls](/forum/user/1931-paddyrolls "View paddyrolls's Profile")** - [![paddyrolls's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1931-paddyrolls "View paddyrolls's Profile") Topic Author - [ Offline](/forum/user/1931-paddyrolls) Less More - Posts: 100 - Thank you received: 1 - - 14 years 2 months ago - 14 years 2 months ago [\#59955](#59955) by [paddyrolls](/forum/user/1931-paddyrolls "View paddyrolls's Profile") Replied by *[paddyrolls](/forum/user/1931-paddyrolls "View paddyrolls's Profile")* on topic *[Re: How to assign custom css to product](/forum/2-general-talk-about-hikashop/59945-how-to-assign-custom-css-to-product#59955 "HI I see under Configuration->Display->under CSS section there is an option called Front-end CSS File. In the dropdown box the options to choose are None, Default and Custom. Could you tell me Custom relates to Products as I can only on the Product configuration page Under Layout on product page the following options:Inherit, Default Reverse and Tabular. Thanks in advance Patrick")* Hi I actually did check out a section called CSS Styling at this link - [ www.hikashop.com/en/support/84-css-styling.html#prices](http://www.hikashop.com/en/support/84-css-styling.html#prices) How to change the color/size of the prices in HikaShop You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area and modify the code: span.hikashop_product_price { color: #900; white-space: nowrap; } Just wanted to add in for people like myself who are new to the product it would be better to be precise with paths and so forth. I finally located this CSS file located under HikaShop Configuration -> System -> Display Tab -> CSS -> Front-end CSS File. Thanks Patrick Last edit: 14 years 2 months ago by [paddyrolls](/forum/user/1931-paddyrolls "View paddyrolls's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5OTQ1LWhvdy10by1hc3NpZ24tY3VzdG9tLWNzcy10by1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[dvddvd](/forum/user/7721-dvddvd "View dvddvd's Profile")** - [![dvddvd's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7721-dvddvd "View dvddvd's Profile") - [ Offline](/forum/user/7721-dvddvd) Less More - Posts: 267 - Thank you received: 5 - - - - 9 years 8 months ago [\#263112](#263112) by [dvddvd](/forum/user/7721-dvddvd "View dvddvd's Profile") Replied by *[dvddvd](/forum/user/7721-dvddvd "View dvddvd's Profile")* on topic *[Error filter filter with new css](/forum/2-general-talk-about-hikashop/59945-how-to-assign-custom-css-to-product#263112 "HI I see under Configuration->Display->under CSS section there is an option called Front-end CSS File. In the dropdown box the options to choose are None, Default and Custom. Could you tell me Custom relates to Products as I can only on the Product configuration page Under Layout on product page the following options:Inherit, Default Reverse and Tabular. Thanks in advance Patrick")* Hello, When I install the css "red" from "Styles for HikaShop", I have noticed the following error in the filter that I have posted at the top. They only happen in small screens. The filter box is under the block of the first product. How can I solve it? Attached images with problem Thank you. - [ ![buscadordebajo.jpg](/forum/attachment/36531) ](/forum/attachment/36531 "...adordebajo.jpg") [ ](/forum/attachment/36531?download=1 "...adordebajo.jpg") - [ ![buscadorancho.jpg](/forum/attachment/36532) ](/forum/attachment/36532 "buscadorancho.jpg") [ ](/forum/attachment/36532?download=1 "buscadorancho.jpg") - [ ![buscador.3psd.jpg](/forum/attachment/36533) ](/forum/attachment/36533 "buscador.3psd.jpg") [ ](/forum/attachment/36533?download=1 "buscador.3psd.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5OTQ1LWhvdy10by1hc3NpZ24tY3VzdG9tLWNzcy10by1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 9 years 8 months ago [\#263120](#263120) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Error filter filter with new css](/forum/2-general-talk-about-hikashop/59945-how-to-assign-custom-css-to-product#263120 "HI I see under Configuration->Display->under CSS section there is an option called Front-end CSS File. In the dropdown box the options to choose are None, Default and Custom. Could you tell me Custom relates to Products as I can only on the Product configuration page Under Layout on product page the following options:Inherit, Default Reverse and Tabular. Thanks in advance Patrick")* Hi, You're using HikaShop 3.0 and the styles for HikaShop are not yet fully compatible with HikaShop 3. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5OTQ1LWhvdy10by1hc3NpZ24tY3VzdG9tLWNzcy10by1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[dvddvd](/forum/user/7721-dvddvd "View dvddvd's Profile")** - [![dvddvd's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7721-dvddvd "View dvddvd's Profile") - [ Offline](/forum/user/7721-dvddvd) Less More - Posts: 267 - Thank you received: 5 - - - - 9 years 8 months ago [\#263177](#263177) by [dvddvd](/forum/user/7721-dvddvd "View dvddvd's Profile") Replied by *[dvddvd](/forum/user/7721-dvddvd "View dvddvd's Profile")* on topic *[How to assign custom css to product](/forum/2-general-talk-about-hikashop/59945-how-to-assign-custom-css-to-product#263177 "HI I see under Configuration->Display->under CSS section there is an option called Front-end CSS File. In the dropdown box the options to choose are None, Default and Custom. Could you tell me Custom relates to Products as I can only on the Product configuration page Under Layout on product page the following options:Inherit, Default Reverse and Tabular. Thanks in advance Patrick")* Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5OTQ1LWhvdy10by1hc3NpZ24tY3VzdG9tLWNzcy10by1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) 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.067 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)