How to create lines for product display ?

Start
Prev
1
Next
End

lucky93
Topic Author
Offline

Posts: 10
Thank you received: 0

12 years 11 months ago #36986

Hi,

May I know how to create lines for product display like your demo site ?
Please see attached screenshot

Attachments:

Please Log in or Create an account to join the conversation.

Jerome
Away
HikaShop core developer

Posts: 26185
Thank you received: 4030
MODERATOR

12 years 11 months ago #37072

Hi,

You have to ddd some CSS rules.

.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.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

lucky93
Topic Author
Offline

Posts: 10
Thank you received: 0

12 years 11 months ago #37199

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 ?