Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
themes-topic
recently topics in home page
Avatar
oscar valencia
Member
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 8:14 am

hi i got the recently topics in my home page but i dont really like the way it looks, is there any way i can make it look like the one on the forum. this is my site http://itmotorsports.com/

          thanks

home page5-11-2013-8-02-35-AM-1.pngImage Enlarger

Forum page

5-11-2013-8-07-57-AM.pngImage Enlarger

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 12:15 pm

you will need to style them...  and control the data you want output...

since its outside the forum page, our css is not loaded...  but we put classes or IDs on most everything so you can completely style...

you can also control which elements are display and not...  you didnt say if it was the widget or a template function, but the concept is the same.... see: 

http://codex.simple-press.com/.....ts-widget/

http://codex.simple-press.com/.....ent-posts/

on how to customize the elements that display...

Avatar
oscar valencia
Member
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 12:20 pm

thanks for the reply mr papa, im using the widget , do you know what css i can use 

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 12:30 pm

do you know how to inspect css?  you can do it using most browsers... with Firefox, use Firebug...  IE and others have it built in...  our view the page source via the browser and look at the classes/IDs...

Sorry, there are a bunch of them and not sure which you want to style or how, so hard to be more specific...

for example,

each topic is either wrapped in a div or li depending on your settings.. has class of spListItemTag...

the avatar is wrapped in a div with calss of spAvatarTag... the img has a class of spAvatar...

links have class of spLinkTag...

text has a span and class of spTextTag...

 

Avatar
oscar valencia
Member
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 1:26 pm

this is an example what im trying to achieve, i just want to add a border to each recent post. im trying using firefox but i cannot find the way to only change the recent post widget

example.pngImage Enlarger

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 1:36 pm

you would want to right click on the element and use the inspect item... a window at bottom will attach and you can tweak css...

you make the css changes to your wp theme since sp css is not loaded on non forum pages...

so try

li.spListItemTag {border: 1px solid black;}

of course, pick your own color... and you probably want to throw some padding in there and perhaps border radius... your call...  but the li.spListItemTag allows you to style each recent topic entry...  some of the other ones I gave you let you dig down to each element within the list item...

Avatar
oscar valencia
Member
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 3:26 pm

Thank you mr papa it work great, great customer service A+

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
May 11, 2013 - 3:46 pm

glad to help. holler if you have any more questions!

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
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: 620
Members: 17365
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10128
Posts: 79626