Support Forum

How to style "Recent Post widget" or template tags?

SC Sean Corbett
Sean Corbett
Member
Member since Mar 2012
14 posts
Mar 15, 2012 · 4:16 pm · Edited

In the previous version of Simple Press there was a good tutorial on how to style the template tags with CSS. I can’t seem to find any documentation or tutorials on how to use the template tags in Version 5. I was able to get the widget to work without any issues but I can’t seem to style it the way I like.

 

I would like the Avatar to be bigger than the default size of the widget and have it float to the left with all the Recent post info to the right of it. I was able to customize this in version 4.5 by following the Wiki guide and a tutorial someone posted on the forum.

 

Any help would be appreciated! 

3 Answers

New Answer
MP Mr Papa
Mr Papa
Member
Member since Dec 2006
19,448 posts
Mar 15, 2012 · 7:33 pm

the same basic idea as the wiki works…  the classes may be different, but the principle is the same…

for the avatar, look at the widget options… one of the options is the avatar size… just specify how big you want it to be… 

for styling things, you need a good tool for inspecting css and what not… I would recommend Firefox with firebug…  lets you figure out what css to change…

In this case, to your wp theme (since sp theme is not loaded on non forum page), add this css:

div.spAvatarTag {float:left;}

and it will be floated left…

YS Yellow Swordfish
Yellow Swordfish
Member
Member since Nov 2008
16,437 posts
Mar 16, 2012 · 9:33 am

Thanks for the update. We are working away to get the new Codex populated as quickly as we can!