How to change this to something CSS RecentThreads

So you just want to remove underline? I'm not sure how its implemented on your forum, maybe with text-decoration, maybe border. Try adding this to EXTRA.css
Code:
.PreviewTooltip { text-decoration: none !important; border-bottom-width: 0 !important; }
 
Its box-shadow that's causing double line, not text-decoration and not border. For some reason you have class "sidebar" assigned to one of containers in middle.

Add this to extra.css
Code:
.sidebar h3, .sidebar h3 a { box-shadow: none; }
 
code in EXTRA.css
.sidebar h3, .sidebar h3 a {
color: #366200 !important;
font: bold 12px/14px Arial,sans-serif;
text-shadow: 0 0 0 transparent, 0 -1px 0 #b5d191;
border-bottom: 0px solid #507D19 !important;
box-shadow: 0 1px 0 0 #91BE59;
}

.sidebar h3 a:hover {
text-decoration: none !important;
opacity: 0.5;
}

.sidebar .pairsJustified dt, .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading, .sidebar .avatarList .userTitle{
color: #f1ffdf;
font: 11px/11px !important;
text-shadow: 0 -1px 0 #4a8107;
}

.sidebar .username, .sidebar .pairsJustified dd {
color: #CC0000 !important;
}

.sidebar .avatar img, sidebar .avatar .img.s {
border: 1px solid #468000 ;
}
 
You should remove "sidebar" from classes list for your content. This is from your page source:
Code:
<div class="sidebar topRightBlocks ">
Class "sidebar" does not belong there. I'm not sure which template is causing it, check your customized templates. My guess is its one of templates you use for portal page (as in not one of standard xf templates).
 
Top Bottom