Move "topic icons" from left side of thread title to the right?

Dec

2011

I'm sorry that I have difficulty explaining this one, but I'll try my best:

On THIS help.forumotion.com forum, when one of the "Topic Icons" (like "Solved" and "Complete") are chosen, they are displayed on the RIGHT side of the thread title on the forum list view.

On MY forumotion forum, which is phpbb3, my "Topic Icons" are displayed on the LEFT side of the thread titles.

Is there any CSS code or something to make the "topic icons" appear on the right side of the thread titles, like it does on this forum here?

Thanks. Smile

1 Nera., on 03/12/2011 at 23h54

Hi,

Add this to your AP > Display > Colors > CSS

Code:: dl.icon dd.dterm, dl.icon dt { background-position: 75% 75%; }

2 JellyBelly, on 03/12/2011 at 23h58

I just added that to the CSS, but it didn't seem to do anything noticeable. It certainly didn't move the icons that I was trying to describe.

I think this is too difficult for me to explain correctly. I'll just try to take some screenshots soon, so that I can show you guys what I'm trying to say. Thanks.

3 Nera., on 03/12/2011 at 23h59

These are FM's settings.

You say you are on PhpBB3, right? Than it would work for you too. Wink

Please post your forum link so I can take a look.

4 JellyBelly, on 04/12/2011 at 00h11

Sent PM with forum info, because it's a closed forum.

5 Nera., on 04/12/2011 at 00h18

I've been to your forum. Add this and it will work, tested it.

Code:: dl.icon dd.dterm, dl.icon dt { background-position: 75% 75% !important; }

6 JellyBelly, on 04/12/2011 at 00h25

Here, please check out these two screenshots to see that although the CSS is exactly like you have written it, the "i" icon is still on the left of the thread title.

Am I doing something wrong?

7 Nera., on 04/12/2011 at 00h26

Try adding it to the top of your CSS. This is after I have tried it http://i.imm.io/cruR.png

8 JellyBelly, on 04/12/2011 at 00h38

And nope, it still didn't work. Smile

Sorry that this is so troublesome. If it's too much of a bother for you, then I could just live with it, or I could put it off till later.

9 Nera., on 04/12/2011 at 00h41

I can not see it in your CSS. All I see is this:

Code:: dl.icon dd.dterm, dl.icon dt { background-position: 5px 50%; background-repeat: no-repeat; }

And the CSS you added for buttons is empty too :S

10 JellyBelly, on 04/12/2011 at 00h48

I just looked at the png screenshot you posted above, and that's EXACTLY what I'm wanting!!! Smile

I don't know how you did that.

I just made you an admin, and it would be awesome if you could please check out the CSS for me. Thanks a lot! Smile

BTW could you please delete the screenshot you posted above? Likewise, I will also delete my own screenshot links. Thanks.

Also, could you give it a shot with trying to make the text-buttons text larger, also? You were helping me with that on another thread, and I was still having trouble.

11 Nera., on 04/12/2011 at 00h53

When I did it everything is working fine lol!

Btw. Lower down the 20px since it's a bit to big for the Others button.

Solved?

P.S. I deleted the account from admin.

12 JellyBelly, on 04/12/2011 at 00h56

Oh my goodness! This is SO awesome!!! Thanks a ton for your help!

I wonder why it wasn't working for me?? scratch

I'll go write on my other thread now that you've fixed that problem, too.

13 Nera., on 04/12/2011 at 00h57

Topic Solved & Locked