[Resolved] Space between icon list in the table

[Alessia]

Hi,

I have a question. How can I remove a space in the table when I use font icon list (third column)?

Here is my site: http://www.lottodeal.net/

Thank you very much!

[Tom]

The space below each line? It looks like you have line breaks in there according to the HTML: https://www.screencast.com/t/gJCRVhM4yh5p

If you look at your list in the “Text” view of the editor, are all of the line stacked directly on top of each other?

[Alessia]

Hi Tom,

than you for your fast reply. I don’t use the breaks in my table. I have this code for icon list in the table:

<ul class="fa-ul">
 	<li><i class="fa-li fa fa-check" style="color: green;"></i>Gratis-Tipp beim Lotto 6 aus 49 für Neukunden</li>
 	<li><i class="fa-li fa fa-check" style="color: green;"></i>Günstige und verbraucherorientierte Preise</li>
 	<li><i class="fa-li fa fa-check" style="color: green;"></i>Gewinnbenachrichtigung per E-Mail und SMS</li>
 	<li><i class="fa-li fa fa-check" style="color: green;"></i>Ausgezeichneter Kundenservice</li>
 	<li><i class="fa-li fa fa-check" style="color: green;"></i>Sehr gute App für Apple und Andoid</li>
</ul>

Maybe I should add something to an additional CSS?

Thank you very much!

[Tom]

Hmm, not seeing anything wrong with that at all.

How are you building the table? Using a plugin or just HTML?

[Alessia]

Thank you!
I’m using the table press plugin. The author gave me a code that helped:

.tablepress li + br {
    display: none;
}

Thank you very much!

[Tom]

Glad you found a solution 🙂

[Author]

Posts