• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

How to change Media Icons to Text Format

51463

Well-known member
#1
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:
icons.PNG


To this:
Capture.PNG


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.

button.PNG


The text worked but the buttons didnt get bigger.

How can i make the buttons bigger?
 

Optic

Well-known member
#2
Try adding to your EXTRA.CSS:

Code:
.buttonToolbar .toolButton {
width: 50px !important;
height: 50px !important;
}
Adjust the values accordingly.
 

gunnar

Active member
#4
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

Well-known member
#5
Search for this template:

xengallery_media_view_toolbar


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

Code:
<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:

Code:
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>
 

51463

Well-known member
#7
it looks like this:

Code:
download

the word download is the new code




so delete everthing here

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

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


.
.
 

gunnar

Active member
#9
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

Well-known member
#10
Are you taking about the tag in the media tools?

Untitled.png


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

.
.