lv-col-md-1 images creates bottom line in the list view

0
html Question When I use 'lv-col-md-1' class in the list view, a line appears below an image. How can I prevent this?
asked
1 answers
1

Hi Deniz Demirbas

 

The List View adds a default item separator (border-bottom), and using lv-col helpers can make it visible under images. There can also be an inline-image baseline gap.

  • Fix options:  

    • Remove separator:

      .mx-listview .mx-listview-item { border-bottom: none; }

    • Remove inline gap:

      .mx-image, .mx-image img { display: block; }

      • Or set on the column: .lv-col-md-1 { line-height: 0; } and reset line-height for text children.

      • Or: .mx-image img { vertical-align: middle; }

      • Start with removing the List View item border; if the line persists, set the image to display: block.

Try this I hope it helps

answered