Support Forum

Topic view modification

CF Conrad_Farlow
Conrad_Farlow
Member

I have moved the spPostUserDate from the spUserSection to the spPostSection when in topic view.

I like how this looks looks but the user avatar is now at the top of the spUserSection and I would like to know the best way of adding a bit of padding above the avatar?

The spPostUserDate is left aligned and I have placed it after the sp_PostIndexNumber, trust me it looks good.

Conrad

4 Answers

New Answer

MP Mr Papa
Mr Papa
Member

that’s why we have themes now… to each his own! wink

when you display the avatar, assuming you used our template tags, you gave the avatar an id and/or class… you can add styling to that id or class…

you really should give firefox and firebug a try… perfect for these kind of what if scenarios…

CF Conrad_Farlow
Conrad_Farlow
Member

Yes I do use it but not very proficiently 🙂

CF Conrad_Farlow
Conrad_Farlow
Member

Great Steve I get it now.

#spMainContainer .spTopicPostSection .spPostUserAvatar img {
    padding: 5px 0;
    margin: auto;
}

This lines the top of the avatar up perfectly with the post index number.

YS Yellow Swordfish
Yellow Swordfish
Member

Firebug – at least on Firefox – is an amazing tool for testing CSS changes and seeing instantly the result. Not sure what we would do without it now!