Underlining links & the catalogue

Hello my favorite support team!

It’s me again – the underline styling person who keeps bugging you. I am on the forever hunt to maintain the WCAG compliance by underlining all links – except this time I’m wondering about the Catalogues.

I have a catalogue item (restaurant website) set up to link to the “Open bigger version of thumbnail image” option so that the menu item picture can be opened up by whoever clicks on the item. However, the entirety of text ends up being underlined when I use the following Quick CSS provided by you guys in a previous series of my queries:

#main a {
text-decoration: underline;
}
#main .sidebar a,
#footer a,
#socket a {
text-decoration: underline;
}
a.avia-button{
text-decoration:none!important;
}
#footer #text-3 a {
  text-decoration:none !important;
}
#main a,#main .sidebar a,#footer a,#socket a, #main p a {
    text-decoration: underline !important; 
}
a.avia-button,a span.avia_iconbox_title,#top .av_font_icon a.av-icon-char {
    text-decoration: none!important;
}

So the question is:
How do I JUST allow underline to take place on the “List Item Title” but not the content/List Item Description text?

Hopefully this helps develop a better underline system for WCAG compliance of the Enfold theme in the future as well! We are so looking forward to that :)

Thanks in advance!