如何缩小图标内部的图像大小?

时间:2016-11-29 作者:Praveen Ez

下图是一个短代码,它有一个单独的图像
图像中的白色齿轮是一个大小为32*32的单独图像,蓝色是其背景色
我只需要将齿轮图像最小化到更小
dfs
我需要如下设置图标:https://thumbs.dreamstime.com/z/set-blue-white-circular-buttons-mobile-phone-applications-web-collection-icons-use-42638187.jpg
签出链接上的第五个图像。

1 个回复
最合适的回答,由SO网友:Dan. 整理而成

重现图像大小的最快方法是编写一些CSS。

查找该图标的CSS类/id,并以主题的样式查找。css:

.icon-class{
    width:20px;
}
如果图像没有变小,则需要将其设置为widthmax-width100%\', and make it\'s身高当你在做的时候,自动。

如果图像实际上是一个图标,那么相应地编写CSS规则。

使用CSS的副作用可能是图像可能变得“模糊”,尤其是如果它是png.

在这种情况下,您可能希望用自然较小的图像替换实际图像。。。。

在这种情况下,您必须将图像放在自己的主题目录中,并将所有短代码复制到主题中(以避免在第三方短代码更新时重写),并更改图像到自己图像的路径。

相关推荐

Broken Images and Style

将Wordpress移动到另一个帐户后,样式和图像将被破坏。我曾尝试禁用插件,检查并更新“插件”;上载“;数据库中的文件夹,检查文件夹和文件权限,重新保存永久链接,将代码添加到wp配置。。。没有人修复此问题。此处截图:https://prnt.sc/v9mxqt有什么建议吗谢谢