Support Forum

recently topics in home page

OV oscar valencia
oscar valencia
Member

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.png

Forum page

5-11-2013-8-07-57-AM.png

7 Answers

New Answer

MP Mr Papa
Mr Papa
Member

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/codex/plugins/our-plugins/the-template-tags-plugin/recent-posts-widget/

http://codex.simple-press.com/codex/plugins/our-plugins/the-template-tags-plugin/template-tag-recent-posts/

on how to customize the elements that display…

OV oscar valencia
oscar valencia
Member

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

MP Mr Papa
Mr Papa
Member

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…

 

OV oscar valencia
oscar valencia
Member

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.png
MP Mr Papa
Mr Papa
Member

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…

OV oscar valencia
oscar valencia
Member

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

MP Mr Papa
Mr Papa
Member

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