AbanteCart Community

eCommerce construction => General Discussion => Topic started by: Smash on June 30, 2014, 10:11:44 AM

Title: Product name link flows under price in product listing page
Post by: Smash on June 30, 2014, 10:11:44 AM

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 ;)

Title: Re: Product name link flows under price in product listing page
Post by: abantecart on June 30, 2014, 11:02:07 AM

What is URL?
Use Firebug in Firefox to investigate CSS.

Title: Re: Product name link flows under price in product listing page
Post by: Smash on July 02, 2014, 09:56:49 AM

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

Title: Re: Product name link flows under price in product listing page
Post by: 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.

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



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

Title: Re: Product name link flows under price in product listing page
Post by: Basara on July 22, 2014, 01:52:00 AM

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