The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to move Topic Icon Legend

4 posters

Go down

Solved How to move Topic Icon Legend

Post by Shen Rajinto April 17th 2014, 9:41 am

Hello, 

I need some help. I would like to move the Topic Icon Legend at the bottom of my forum to a side bar. Currently it looks like this:

  • How to move Topic Icon Legend Insunl11 New postsHow to move Topic Icon Legend Insunl12 No new postsHow to move Topic Icon Legend Insun312 Forum is locked


Here's the HTML Code
Code:
<div id="main">
...
<div class="activeusers clearfix"><li><img src="http://i58.servimg.com/u/f58/18/82/54/79/insunl11.png" alt="New posts"> New posts<img src="http://i58.servimg.com/u/f58/18/82/54/79/insunl12.png" alt="No new posts"> No new posts<img src="http://i58.servimg.com/u/f58/18/82/54/79/insun312.png" alt="Forum is locked"> Forum is locked</li></div>
...
</div>

I'd like it to be in a vertical alignement on the left side under the widgets:
Like this

  • How to move Topic Icon Legend Insunl11 New posts
  • How to move Topic Icon Legend Insunl12 No new posts
  • How to move Topic Icon Legend Insun312 Forum is locked


The ID for the <div> that I want the section under is id="left"


Last edited by Shen Rajinto on April 17th 2014, 11:27 am; edited 1 time in total
avatar
Shen Rajinto
Forumember

Male Posts : 43
Reputation : 1
Language : English
Location : USA

http://insun.forumotion.com

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Tommy Lee April 17th 2014, 9:57 am

Hello,

You may have to wait until the team gets to you.
Many Thanks
Kind Regards
Tommy Lee


Last edited by Tommy Lee on April 17th 2014, 10:04 am; edited 3 times in total (Reason for editing : [Removed Image])
Tommy Lee
Tommy Lee
Forumember

Posts : 232
Reputation : 7
Language : English

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Shen Rajinto April 17th 2014, 10:01 am

Sorry, not looking for an Icon (I have those already), but I'm looking to move the entire legend from the bottom center of my forum in a linear format to the bottom left (under the left hand widgets) in a vertical format. But thank you for the image Smile
avatar
Shen Rajinto
Forumember

Male Posts : 43
Reputation : 1
Language : English
Location : USA

http://insun.forumotion.com

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Tommy Lee April 17th 2014, 10:03 am

Oh okay. That's alright only took me 2 minutes to make Very Happy
Tommy Lee
Tommy Lee
Forumember

Posts : 232
Reputation : 7
Language : English

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Pizza Boi April 17th 2014, 5:29 pm

Hi Very Happy

Are you using Invision as your profule stated? If you can, please just press F12 on your keyboard to find out the selectors for the Legend Icons and add this in your CSS: visibility: hidden; along with the selector you found.

After that, you can make a custom widget that had the icons text and what not and then add in your CSS (once you make the widget and positioned it) something like:

Code:
#this example {
  Position: fixed;
  Top: 350px;
  Left: 20px;
}

I'll try to work on this once I get on a PC.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Shen Rajinto April 17th 2014, 7:11 pm

The visibility fix worked a treat! Didn't need the second part as the widget management panel allowed me to place the custom widget on the column where I wanted it. Thank you very much! - SOLVED
avatar
Shen Rajinto
Forumember

Male Posts : 43
Reputation : 1
Language : English
Location : USA

http://insun.forumotion.com

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Pizza Boi April 17th 2014, 8:23 pm

Hi Very Happy

The pizza's here! That'd be $2.99 Wink.

No problem~

Regards,
Pizza Boi


Last edited by Pizza Boi on April 17th 2014, 8:28 pm; edited 1 time in total
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Tommy Lee April 17th 2014, 8:25 pm

Pizza Boi wrote:Hi Very Happy

The pizza's here! That'd be 2.99$ Wink.

No problem~

Regards,
Pizza Boi

Haha, isn't the dollar sign supposed to be in front of the Money. Like this: $2.99

xD
Tommy Lee
Tommy Lee
Forumember

Posts : 232
Reputation : 7
Language : English

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by SLGray April 17th 2014, 9:19 pm

Exactly there is an only topic about this issue with Invision - https://help.forumotion.com/t129394-765-858-invision-buttons-legend-issue .

Topic Solved & Archived


How to move Topic Icon Legend Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum