How to change Media Icons to Text Format

51463

Well-known member
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.webp


To this:
Capture.webp


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.webp


The text worked but the buttons didnt get bigger.

How can i make the buttons bigger?
 
Try adding to your EXTRA.CSS:

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

Adjust the values accordingly.
 
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?
 
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>
 
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.


.
.
 
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.
 
Are you taking about the tag in the media tools?

Untitled.webp


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

.
.
 
Top Bottom