[Skip to main content](#vessel-content) # How to create lines for product display ? ## - **[lucky93](/forum/user/5796-lucky93 "View lucky93's Profile")** - [![lucky93's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5796-lucky93 "View lucky93's Profile") Topic Author - [ Offline](/forum/user/5796-lucky93) Less More - Posts: 10 - Thank you received: 0 - - 14 years 9 months ago [\#36986](#36986) by [lucky93](/forum/user/5796-lucky93 "View lucky93's Profile") *[How to create lines for product display ?](/forum/4-how-to/36986-how-to-create-lines-for-product-display#36986 "Hi, May I know how to create lines for product display like your demo site ? Please see attached screenshot")* was created by *[lucky93](/forum/user/5796-lucky93 "View lucky93's Profile")* Hi, May I know how to create lines for product display like your demo site ? Please see attached screenshot image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/Product_display.png - [ ![Product_display.png](/forum/attachment/2517) ](/forum/attachment/2517 "...ct_display.png") [ ](/forum/attachment/2517?download=1 "...ct_display.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM2OTg2LWhvdy10by1jcmVhdGUtbGluZXMtZm9yLXByb2R1Y3QtZGlzcGxheT90bXBsPW1hcmtkb3du) 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) - 14 years 9 months ago [\#37072](#37072) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Re: How to create lines for product display ?](/forum/4-how-to/36986-how-to-create-lines-for-product-display#37072 "Hi, May I know how to create lines for product display like your demo site ? Please see attached screenshot")* Hi, You have to ddd some CSS rules. Code: .hikashop_product_main_image_thumb { background-color: white; border: 1px solid #CCC; padding-right: 30px; } .hikashop_product_right_part { background-color: whiteSmoke; border: 1px solid #CCC; padding: 10px; margin-bottom: 20px; } .hikashop_product_description_main p { background-color: white; border: 1px solid #CCC; margin-bottom: 10px; margin-right: 20px; padding: 10px; } Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM2OTg2LWhvdy10by1jcmVhdGUtbGluZXMtZm9yLXByb2R1Y3QtZGlzcGxheT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[lucky93](/forum/user/5796-lucky93 "View lucky93's Profile")** - [![lucky93's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5796-lucky93 "View lucky93's Profile") Topic Author - [ Offline](/forum/user/5796-lucky93) Less More - Posts: 10 - Thank you received: 0 - - 14 years 9 months ago [\#37199](#37199) by [lucky93](/forum/user/5796-lucky93 "View lucky93's Profile") Replied by *[lucky93](/forum/user/5796-lucky93 "View lucky93's Profile")* on topic *[Re: How to create lines for product display ?](/forum/4-how-to/36986-how-to-create-lines-for-product-display#37199 "Hi, May I know how to create lines for product display like your demo site ? Please see attached screenshot")* Thank you for help. For product description I add following : .hikashop_product_description_main p { background-color: #E6E6E6; border: 1px solid #CCC; margin-bottom: 10px; margin-right: 20px; padding: 10px; But, why I don't get space between line & text like last screenshot ? [ ![Untitled1.png](/forum/attachment/2523) ](/forum/attachment/2523 "Untitled1.png") - [ ![Untitled1.png](/forum/attachment/2523) ](/forum/attachment/2523 "Untitled1.png") [ ](/forum/attachment/2523?download=1 "Untitled1.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM2OTg2LWhvdy10by1jcmVhdGUtbGluZXMtZm9yLXByb2R1Y3QtZGlzcGxheT90bXBsPW1hcmtkb3du) 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) - 14 years 9 months ago [\#37202](#37202) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Re: How to create lines for product display ?](/forum/4-how-to/36986-how-to-create-lines-for-product-display#37202 "Hi, May I know how to create lines for product display like your demo site ? Please see attached screenshot")* It may have some other CSS rules which are in "conflict". Try to set " padding: 10px !important; ", it could help. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM2OTg2LWhvdy10by1jcmVhdGUtbGluZXMtZm9yLXByb2R1Y3QtZGlzcGxheT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[lucky93](/forum/user/5796-lucky93 "View lucky93's Profile")** - [![lucky93's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5796-lucky93 "View lucky93's Profile") Topic Author - [ Offline](/forum/user/5796-lucky93) Less More - Posts: 10 - Thank you received: 0 - - 14 years 9 months ago [\#37206](#37206) by [lucky93](/forum/user/5796-lucky93 "View lucky93's Profile") Replied by *[lucky93](/forum/user/5796-lucky93 "View lucky93's Profile")* on topic *[Re: How to create lines for product display ?](/forum/4-how-to/36986-how-to-create-lines-for-product-display#37206 "Hi, May I know how to create lines for product display like your demo site ? Please see attached screenshot")* It's working, thanks ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM2OTg2LWhvdy10by1jcmVhdGUtbGluZXMtZm9yLXByb2R1Y3QtZGlzcGxheT90bXBsPW1hcmtkb3du) 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.138 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)