The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Make image icon big...
 
Share:
Notifications
Clear all

Question [Solved] Make image icon bigger

8 Posts
2 Users
0 Likes
262 Views
Posts: 17
 Mau
Topic starter
(@mau)
Eminent Member
Joined: 1 year ago

Hi Guys, is it possible to make the icon for uploading images bigger?

7 Replies
Asti
Posts: 7105
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 years ago

Hi @mau,

Please watch this small video instruction: https://www.screencast.com/t/szG5CBjft

#wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i {
    font-size: 25px;
}

The red-marked value can be changed as you like.

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

Don't forget to delete the caches before checking.

Posts: 17
 Mau
Topic starter
(@mau)
Eminent Member
Joined: 1 year ago

Thanks, it works! 

 

Is there also a way to change the color of that icon?

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 7105

@mau,

Here is the CSS code: 

#wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i {
    color: #910000;
}

Don't forget to change the red-marked value. 

Posts: 17
 Mau
Topic starter
(@mau)
Eminent Member
Joined: 1 year ago

Thanks this is working to, but I noticed it doesn't work on mobile. Only on desktop. That also counts for the size of het image. 

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 7105

@mau,

For mobile devices use this CSS code: 

#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap i {
    color: #a71c1c;
    font-size: 25px;
}

Please try in incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

Posts: 17
 Mau
Topic starter
(@mau)
Eminent Member
Joined: 1 year ago

Yes man it is working, thank you very much. Where do you get these codes? 

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 7105

@mau,

Just find the classes by pressing F12 on the browser and opening Chrome or Firefox Console, it'll help you easily write CSS rules you need to customize. 

CSS

This website should help you to write CSS rules:  https://www.w3schools.com/cssref/default.asp

Share: