How to change Media Icons to Text Format

[51463]

I want to get rid of the Media Icons. I find it sometimes some people forget which icon means what. So instead of hovering over the icon to find out.

So i think would be easier and faster for members if the text was shown by default.


From this:



To this:



I tried to go into the xengallery_media_view_toolbar

and change this
<i class="fa fa-arrow-right fa-lg"></i>

to Next



and this is what happened.




The text worked but the buttons didnt get bigger.

How can i make the buttons bigger?

 

[Optic]

Try adding to your EXTRA.CSS:

.buttonToolbar .toolButton {
width: 50px !important;
height: 50px !important;
}

Adjust the values accordingly.

 

[51463]

Thanks!! That worked perfect.

 

[gunnar]

I want to get rid of the Media Icons. I find it sometimes some people forget which icon means what. So instead of hovering over the icon to find out.

So i think would be easier and faster for members if the text was shown by default.


From this:
View attachment 93629


To this:
View attachment 93631


I tried to go into the xengallery_media_view_toolbar

and change this
<i class="fa fa-arrow-right fa-lg"></i>

to Next



and this is what happened.

View attachment 93632


The text worked but the buttons didnt get bigger.

How can i make the buttons bigger?

Hi @joey_tbf I would be interested in this too. Would you be able to help me with detail of how you did this?

 

[51463]

Search for this template:

xengallery_media_view_toolbar


All the icons are in that template. For example, the download icon is this:

<i class="fa fa-download fa-lg"></i>

So find that code in the template and delete it. and replace it with whatever word you want.

I choose to replace it with the word:

Download

You can find the rest, they all start with fa fa
<i class="fa fa-trash-o fa-lg"></i>
<i class="fa fa-picture-o fa-lg"></i>

 

[gunnar]

Thank you! how does the code look after you replaced it with "download"?

 

[51463]

it looks like this:

download

the word download is the new code




so delete everthing here

<i class="fa fa-download fa-lg"></i>

and replace all that code with just the word. download or whichever word you want.


.
.

 

[gunnar]

Amazing, thank you! Xenforo is so complicated for the users, need to simplyfy as much as possible..

 

[gunnar]

I would also like to change the first one to be the tagging function, is there a way to do this? Most of my users are not going to have any interest in using images from the media library for their avatar.

 

[51463]

Are you taking about the tag in the media tools?




if so, I don't know how to do that. it's too advanced for me, I am only a beginner in html

.
.

 

[gunnar]

Yes, thats what I'm talking about..
Ok thank you!
I don't know any HTML, only copy and paste..

 

[51463]

i am only good at copy and paste too,

and also good at using paint,

 

[gunnar]

I think that got my first "like"! I am good at photoshop and copy/paste..