Product Image Placement

  • Posts: 1
  • Thank you received: 0
12 years 6 months ago #50206

I'm not very in tune with CSS and was wondering how do you manipulate the product image once viewing it?

For example (please view attached image) how would I move the thumbnail image below the text as to give it a neater appearance?

Thank you in advance for your help.

Attachments:

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

  • Posts: 82822
  • Thank you received: 13369
  • MODERATOR
12 years 6 months ago #50294

You could do that by changing:

.hikashop_product_left_part {
text-align: center;
float: left;
width: 50%;
}

to:
.hikashop_product_left_part {
text-align: center;
float: left;
width: 60px;
}

and:
.hikashop_product_right_part {
border-left: 1px solid #DDD;
float: left;
padding: 10px;
margin-bottom: 30px;
}

to:
.hikashop_product_right_part {
border-left: 1px solid #DDD;
float: left;
padding: 10px;
margin-bottom: 30px;
width: 100%;
}

in the front end CSS file of HikaShop via the Display tab of the configuration.

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

Time to create page: 0.051 seconds
Powered by Kunena Forum