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

Discussion in 'Media Gallery Support' started by 51463, Jan 4, 2015.

  1. 51463

    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.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?
     
  2. Optic

    Optic Well-Known Member

    Try adding to your EXTRA.CSS:

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

    51463 Well-Known Member

    Thanks!! That worked perfect.
     
    Optic likes this.
  4. gunnar

    gunnar Active Member


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

    51463 Well-Known Member

    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>
     
  6. gunnar

    gunnar Active Member

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

    51463 Well-Known Member

    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.


    .
    .
     
  8. gunnar

    gunnar Active Member

    Amazing, thank you! Xenforo is so complicated for the users, need to simplyfy as much as possible.. :)
     
    51463 likes this.
  9. gunnar

    gunnar Active Member

    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.
     
  10. 51463

    51463 Well-Known Member

    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

    .
    .
     
  11. gunnar

    gunnar Active Member

    Yes, thats what I'm talking about..
    Ok thank you!
    I don't know any HTML, only copy and paste.. :)
     
    51463 likes this.
  12. 51463

    51463 Well-Known Member

    i am only good at copy and paste too, :cry:

    and also good at using paint, :)
     
    gunnar likes this.
  13. gunnar

    gunnar Active Member

    I think that got my first "like"! I am good at photoshop and copy/paste.. :)
     
    51463 likes this.

Share This Page