Product name link flows under price in product listing page

Started by Smash, June 30, 2014, 10:11:44 AM

Previous topic - Next topic

Smash

Hi

Noticed that if I have a long product name it flows under the price. Which size settings do I adjust or is it a but of CSS again

Thanks for your help in advance (see attachment)

Smash ;)


abantecart

What is URL?
Use Firebug in Firefox to investigate CSS.
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Smash

Hi Basara

Thanks again for your help, went in on inspect element on Chrome. Tracked it to Boxes.css and its 'overflow'.. See below, changed code line 153

.list .list_item .title { height:34px; overflow: /*hidden;*/auto; }

Set it from and quoted out 'hidden', to 'auto'. So I will get a little scroll bar if product name is too long but will stay same if not.


Thanks

Regards

Smashe


Smash

Cleaner resolution

Actually just need to increase height (see below) and leave overflow hidden, although 'auto' might be useful to someone.

Changed in boxes.css, do an inspect element to find line of code



.list .list_item .title {
height: /*34px*/ 80px;
overflow: hidden;

Basara

Quote from: Smash on July 21, 2014, 07:12:38 PM
Cleaner resolution

Actually just need to increase height (see below) and leave overflow hidden, although 'auto' might be useful to someone.

Thank you for the solution

Forum Rules Code of conduct
AbanteCart.com 2010 -