[Solved] Lines under category image

[Pat9]

Hello everyone,

 

Im searching and can't find anything about it.

 

If anyone can please tell me how i can do grey lines like at attached picture under the category picture, but between cateogry name, short lines, not one from left to right.

 

Thank you in advance,

Patrick

Edited April 30, 2015 by Pat9 (see edit history)

[Paulito]

Hello

 

Not quite sure I understand you correctly but if you want something like this:

 

http://screencast.com/t/jpHOqNpYxRYW

 

Then add this code to anywhere in product_list.css or global.css

 

ul.product_list .product-name {border-bottom:2px solid #d3d3d3}

 

Paul

[Pat9]

Hello mate,

 

Didint mean this.

But it is working for products, need the same effect, but for subcategories.

[Paulito]

Hello

 

You mean like this:

 

http://screencast.com/t/iIsnVDPRRO6

 

Paul

[Pat9]

Yes, but directly under the category picture, not category name

[Paulito]

Hello

 

Sorry, this is the best I can get without digging a bit deeper and I am on my waay out now.

 

http://screencast.com/t/IzQURLN84NG

 

Paul

[Pat9]

How did you made this red line ?

[Paulito]

Hello again

 

Add this to category.css around line 62

 

#subcategories ul li .subcategory-image a img {border-bottom: 2px solid red;}

 

Paul

[Pat9]

Hi,

 

Thank you, i have added at down of css file, and it is working!

 

Have a nice day