Author Topic: Product name link flows under price in product listing page  (Read 4785 times)

Offline Smash

  • Newbie
  • *
  • Posts: 32
  • Karma: +4/-0
    • View Profile
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 ;)


Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Product name link flows under price in product listing page
« Reply #1 on: June 30, 2014, 11:02:07 AM »
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

Offline Smash

  • Newbie
  • *
  • Posts: 32
  • Karma: +4/-0
    • View Profile
Re: Product name link flows under price in product listing page
« Reply #2 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

« Last Edit: July 21, 2014, 07:09:06 PM by Smash »

Offline Smash

  • Newbie
  • *
  • Posts: 32
  • Karma: +4/-0
    • View Profile
Re: Product name link flows under price in product listing page
« Reply #3 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;

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5806
  • Karma: +274/-2
    • View Profile
Re: Product name link flows under price in product listing page
« Reply #4 on: July 22, 2014, 01:52:00 AM »
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

 

Powered by SMFPacks Social Login Mod