Hi Guys, is it possible to make the icon for uploading images bigger?
Notifications
Clear all
Mar 05, 2023 6:50 pm
7 Replies
Mar 06, 2023 12:01 pm
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.
Mar 06, 2023 2:17 pm
Thanks, it works!
Is there also a way to change the color of that icon?
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
@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.
Mar 06, 2023 3:27 pm
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.
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
@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.
Mar 06, 2023 4:31 pm
Yes man it is working, thank you very much. Where do you get these codes?
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
@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.
This website should help you to write CSS rules: https://www.w3schools.com/cssref/default.asp