[Skip to main content](#vessel-content) # add Curved borders in product listing IE8 ## - **[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")** - [![wickdkip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9712-wickdkip "View wickdkip's Profile") Topic Author - [ Offline](/forum/user/9712-wickdkip) Less More - Posts: 6 - Thank you received: 0 - - 14 years 1 month ago [\#67734](#67734) by [wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile") *[add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67734 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* was created by *[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")* Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution [ www.htmlremix.com/css/curved-corner-border-radius-cross-browser](http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser) adding the code and file to administrator/components/com_hikashop/helper/module.php \#'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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 1 month ago [\#67753](#67753) 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: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67753 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* Hi, Can you give me your web site address ? then I'll maybe be able to help you with your CSS file ![:)](/media/kunena/emoticons/8.png ":)"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")** - [![wickdkip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9712-wickdkip "View wickdkip's Profile") Topic Author - [ Offline](/forum/user/9712-wickdkip) Less More - Posts: 6 - Thank you received: 0 - - 14 years 1 month ago [\#67754](#67754) by [wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile") Replied by *[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")* on topic *[Re: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67754 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* [ candy.bityarn-online.com/candy](http://candy.bityarn-online.com/candy) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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 1 month ago [\#67756](#67756) 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: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67756 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* Why don't you edit your product listing through "*Hikashop->Display->Content menus*" and use the "Item box border" option ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")** - [![wickdkip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9712-wickdkip "View wickdkip's Profile") Topic Author - [ Offline](/forum/user/9712-wickdkip) Less More - Posts: 6 - Thank you received: 0 - - 14 years 1 month ago [\#67758](#67758) by [wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile") Replied by *[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")* on topic *[Re: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67758 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* I have, on Mozilla, chrome and IE9 all is well. Not IE8 ![:(](/media/kunena/emoticons/5.png ":(") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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 1 month ago [\#67760](#67760) 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: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67760 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* It's because the "border-radius" is not compatible with all version of internet explorer before IE9 Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")** - [![wickdkip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9712-wickdkip "View wickdkip's Profile") Topic Author - [ Offline](/forum/user/9712-wickdkip) Less More - Posts: 6 - Thank you received: 0 - - 14 years 1 month ago [\#67766](#67766) by [wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile") Replied by *[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")* on topic *[Re: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67766 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* [ www.htmlremix.com/css/curved-corner-border-radius-cross-browser](http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser) The link above is to a hack to make border radius work on IE8 Attached is the demo files *This attachment is hidden for guests. Please log in or register to see it.* Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")** - [![wickdkip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9712-wickdkip "View wickdkip's Profile") Topic Author - [ Offline](/forum/user/9712-wickdkip) Less More - Posts: 6 - Thank you received: 0 - - 14 years 1 month ago [\#67801](#67801) by [wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile") Replied by *[wickdkip](/forum/user/9712-wickdkip "View wickdkip's Profile")* on topic *[Re: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67801 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* any luck? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86315 - Thank you received: 14276 - - 14 years 1 month ago [\#67919](#67919) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: add Curved borders in product listing IE8](/forum/4-how-to/67734-add-curved-borders-in-product-listing-ie8#67919 "Hello Guys, How can I add rounded borders in IE8 in the products listing page? I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser adding the code and file to administrator/components/com_hikashop/helper/module.php #'.$main_div_name.' .hikashop_subcontainer { behavior: url(border-radius.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } '; but with no success. Maybe I am adding the code to the wrong place. Please assist")* We won't implement it in HikaShop. That require the use of a specific huge file for a small functionality which doesn't change much to the display and only for a browser which is reaching its end of life soon. Nevertheless, you can add that on your website yourself. You don't need us for that. Just add the htc file as explained and change the line: .curved { to: .hikashop_subcontainer { in the example CSS that you can add in the CSS file of your template and that will round the corners. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3NzM0LWFkZC1jdXJ2ZWQtYm9yZGVycy1pbi1wcm9kdWN0LWxpc3RpbmctaWU4P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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.176 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)