[Solved] Change media upload icons  


Deyson Ortiz
Posts: 34
Customer
(@deyson)
Member
Joined: 2 years ago

Hello.  
Is there a way to quickly change the media upload icons?

Thank you. Smile

6 Replies
Astghik
Posts: 3474
Admin
(@astghik)
Support Team
Joined: 2 years ago

@deyson,

I'll ask developers and let you know asap. 

2 Replies
Deyson Ortiz
Customer
(@deyson)
Joined: 2 years ago

Member
Posts: 34

@astghik

Thank you, I look forward to the response.

Have a great day!

 

Astghik
Admin
(@astghik)
Joined: 2 years ago

Support Team
Posts: 3474

@deyson

Please add the following js codes in your  active theme's js files: 

/* change the upload image icon*/

jQuery('.wmu-icon-image').css('background-image', 'url(image.jpg)');

/* change the upload video icon*/

jQuery('.wmu-icon-video').css('background-image', 'url(image.jpg)');

/* change the attach file icon*/

jQuery('.wmu-icon-file').css('background-image', 'url(image.jpg)');
Deyson Ortiz
Posts: 34
Customer
(@deyson)
Member
Joined: 2 years ago

Awesome!  Thank you!

Also, Which codes would I use to change the icons in the thumbnails that appear after I click on the icons.  Thank you very much! Smile

1 Reply
Astghik
Admin
(@astghik)
Joined: 2 years ago

Support Team
Posts: 3474

@deyson,

Follow are the codes you can use

/* change the upload image icon*/


jQuery('.wmu-image-tab .wmu-add .wmu-add-icon').css('background-image', 'url(image.jpg)');

 

/* change the upload video icon*/


jQuery('.wmu-video-tab .wmu-add .wmu-add-icon').css('background-image', 'url(image.jpg)');

 

/* change the attach file icon*/


jQuery('.wmu-file-tab .wmu-add .wmu-add-icon').css('background-image', 'url(image.jpg)');

 

Deyson Ortiz
Posts: 34
Customer
(@deyson)
Member
Joined: 2 years ago

Thank you Smile

Share:
Green
Default
Pear
Black Emo
{green}:grinning:
{green}:wink:
{green}:face:
{green}:inlove:
{green}:sweaty:
{green}:surprised:
{green}:lovekiss:
{green}:laugh:
{green}:formalsmile:
{green}:displeased:
{green}:cool:
{green}:resent:
{green}:nerd:
{green}:screaming:
{green}:amazed:
{green}:sad:
{green}:deceitful:
{green}:starryeyes:
{green}:evil:
{green}:shocked:
{green}:tears:
{green}:sulky:
{green}:smile:
{green}:vomited:
{green}:hi:
{green}:afraid:
{green}:crazy:
{green}:rabid:
{green}:fighting:
{green}:nonoise:
{green}:blushed:
{green}:idontknow:
{green}:scared:
{green}:razz:
{green}:kiss:
{green}:eat:
{green}:shutmouth:
{green}:gape:
{green}:suspicious:
{green}:laughingoutloud:
{green}:bruise:
{green}:crying:
{green}:pray:
{green}:serious:
{green}:excitement:
:)
:d
:wink:
:mrgreen:
:neutral:
:twisted:
:arrow:
:shock:
:???:
:cool:
:evil:
:oops:
:razz:
:roll:
:cry:
:eek:
:lol:
:mad:
:sad:
:!:
:?:
:idea:
:hmm:
:beg:
:whew:
:chuckle:
:silly:
:envy:
:shutmouth:
{pear}:happy:
{pear}:smile:
{pear}:laugh:
{pear}:laughingoutloud:
{pear}:crying:
{pear}:exhausted:
{pear}:nerd:
{pear}:surprised:
{pear}:veryhungry:
{pear}:wink:
{blackemo}:laughtertotears:
{blackemo}:gift:
{blackemo}:love:
{blackemo}:inlove:
{blackemo}:shamefaced:
{blackemo}:heart:
{blackemo}:crazy:
{blackemo}:anguished:
{blackemo}:bruise:
{blackemo}:easymoney:
{blackemo}:exhausted:
{blackemo}:vampire:
{blackemo}:shutmouth:
{blackemo}:wink:
{blackemo}:carnival:
{blackemo}:flowers:
{blackemo}:hotdrink:
{blackemo}:party: