Make image icon bigger - How-to and Troubleshooting

RE: Make image icon bigger

Asti — Mon, 06 Mar 2023 12:57:18 +0000

@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

RE: Make image icon bigger

Mau — Mon, 06 Mar 2023 12:31:54 +0000

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

RE: Make image icon bigger

Asti — Mon, 06 Mar 2023 11:31:57 +0000

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

RE: Make image icon bigger

Mau — Mon, 06 Mar 2023 11:27:18 +0000

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.

RE: Make image icon bigger

Asti — Mon, 06 Mar 2023 10:35:46 +0000

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

RE: Make image icon bigger

Mau — Mon, 06 Mar 2023 10:17:29 +0000

Thanks, it works!

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

RE: Make image icon bigger

Asti — Mon, 06 Mar 2023 08:01:35 +0000

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.

Make image icon bigger

Mau — Sun, 05 Mar 2023 14:50:24 +0000

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