Align 'Related Products' images

Professional eCommerce VirtueMart Joomla template with responsive design discussion forum.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Dec 17, 2013 4:59 pm
Reply with quote
Report this post
Hi all,

Just wondering if someone can help please?

I am looking to use the 'Related Products' section, but the images are appearing un-aligned - see this product for example:

http://www.hasled.com/led-lighting/led- ... &showall=1

I have also attached a screen shot.

I am wondering if there is a way that I can align the 'Related Products' images?

Many thanks,

Prit
User avatar
Gold Boarder

GK User
Wed Dec 18, 2013 8:59 am
Reply with quote
Report this post
Please edit: /templates/gk_instyle/css/override.css and add at its end:
Code: Select all
div.product-related-products > div {display: block; float: left;}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed Dec 18, 2013 2:14 pm
Reply with quote
Report this post
Hi,

Thanks for that - it worked, The only problem now is that both related products now appear outside the 'Related Products' box (see attachment).

Any ideas?

Thanks,

Prit
User avatar
Gold Boarder

GK User
Wed Dec 18, 2013 4:14 pm
Reply with quote
Report this post
Please add this code to override.css:
Code: Select all
.product-related-products {
overflow: hidden;
}
User avatar
Moderator


cron