How to create lines for product display ?

lucky93
Topic Author
Offline

14 years 8 months ago #36986 by lucky93

How to create lines for product display ? was created by lucky93

Hi,

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

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

Jerome
Offline
HikaShop core developer

14 years 8 months ago #37072 by Jerome

Replied by Jerome on topic Re: How to create lines for product display ?

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.

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

14 years 8 months ago #37199 by lucky93

Replied by lucky93 on topic Re: How to create lines for product display ?

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 ?

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

Jerome
Offline
HikaShop core developer

14 years 8 months ago #37202 by Jerome

Replied by Jerome on topic Re: How to create lines for product display ?

It may have some other CSS rules which are in "conflict".
Try to set " padding: 10px !important; ", it could help.

Regards,

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

lucky93
Topic Author
Offline

14 years 8 months ago #37206 by lucky93

Replied by lucky93 on topic Re: How to create lines for product display ?

It's working, thanks

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

Time to create page: 0.192 seconds