The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to move Topic Icon Legend

View previous topic View next topic Go down

Solved How to move Topic Icon Legend

Post by Shen Rajinto on 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:

  • New posts No new posts 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

  • New posts
  • No new posts
  • 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

Shen Rajinto
Forumember

Male Posts : 42
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 on 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
Forumember

Posts : 232
Reputation : 7
Language : English

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Shen Rajinto on 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

Shen Rajinto
Forumember

Male Posts : 42
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 on April 17th 2014, 10:03 am

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

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 on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Shen Rajinto on 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

Shen Rajinto
Forumember

Male Posts : 42
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 on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to move Topic Icon Legend

Post by Tommy Lee on 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
Forumember

Posts : 232
Reputation : 7
Language : English

Back to top Go down

Solved Re: How to move Topic Icon Legend

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

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

Topic Solved & Archived


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


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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