Support Forum

Simple:Press 6 Theme Topics

Topic view modification

Topic view modification

Conrad_Farlow

Sheffield, UK

Member

Free Members

Offline

Jan 7, 2012 - 9:03 pm

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

Mr Papa

Simi Valley, CA

SP Master

Free Members

Offline

Jan 7, 2012 - 10:21 pm

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

Visit Cruise Talk Central and Mr Papa's World

Conrad_Farlow

Sheffield, UK

Member

Free Members

Offline

Jan 7, 2012 - 10:52 pm

Yes I do use it but not very proficiently 🙂

Conrad_Farlow

Sheffield, UK

Member

Free Members

Offline

Jan 7, 2012 - 11:30 pm

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.

Yellow Swordfish

Glinton, England

SP Master

Offline

Jan 8, 2012 - 6:16 am

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!

YELLOW

SWORDFISH

All RSS

Forum Timezone: Europe/Stockholm

Most Users Ever Online: 1170

Currently Online:

Guest(s) 1

Currently Browsing this Page:
1 Guest(s)