Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
general-topic
Tweaking Recent Forum Posts widget
Avatar
chris powell
Member
Free Members
sp_UserOfflineSmall Offline
May 24, 2015 - 10:13 am

For some reason, when displaying an avatar in the Recent Forum Posts widget, it adds a break to the following text. I've tried changing the avatar size and alternating the display order, and nothing seems to work.

Also, there isn't a space in between the username and thread title.

I've included an image of what I'm talking about. I'd like to get it to look exactly like the Recent Comments widget directly below the Recent Forum Posts widget.

Any idea what the issue is?

forum-widget.jpg

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 24, 2015 - 10:41 am

just a little bit css... but hard to be specific since one cannot tell from an image - need to see what css your wp theme might be applying to widgets...  link works much better than image..

but see this link:  https://simple-press.com/suppo.....t/#p128031

for an example of what we do to ours (see in footer)...

if elements are together, it might be your widget options...

Avatar
chris powell
Member
Free Members
sp_UserOfflineSmall Offline
May 24, 2015 - 12:37 pm

My apologies, I forgot to post a link to my site. Here you go - http://www.seganerds.com. 

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 24, 2015 - 1:58 pm

did you try the suggestion?  appears it would work...  and the options allow you to do what you want after the user (line break, space, etc)... did you look at the widget options?

Avatar
chris powell
Member
Free Members
sp_UserOfflineSmall Offline
May 24, 2015 - 2:22 pm

I'm attempting to, but I admit that I'm not incredibly knowledgeable with all of this.

Do I simply paste this code into my global css or does it need to specifically go into the WP stylesheet. If so, does it matter which section to paste the code?

This is the code I'm attempting to use:

}

.widget-wrapper .spAvatar {
padding-bottom: 3px;
float: left;
}
.spListItemTag img {
margin: 0 10px 0 0;
vertical-align: middle;
}

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 24, 2015 - 5:19 pm

what do you mean by global css?  is that a theme option provided by your wp theme?  in the admin? if so, should be fine there...

but yes, just adding them to your wp theme anywhere should work...

but instead of .widget-wrapper, use .widget-container

Avatar
chris powell
Member
Free Members
sp_UserOfflineSmall Offline
May 25, 2015 - 9:22 pm

Awesome, that worked great! However, there is still a lack of a space between the username and the topic title. Any suggestions on how to correct that?

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 26, 2015 - 12:25 am

did you look where I suggested you look?  in the widget options... you can affect elements, and what's before and after elements...  if unsure, post a screenshot of your widget options...

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625