gpt4 book ai didi

css - 如何在 Betheme Masonry Blog Style 中设置和显示原始大小(未裁剪)的图像?

转载 作者:行者123 更新时间:2023-11-27 23:58:13 25 4
gpt4 key购买 nike

我在我的 wordpress 网站上使用 Betheme,我在博客文章中使用它的 Masonry 博客风格(这是强制性的)。博客页面上显示的内容的图像(特色图像)具有随机博客样式中定义的随机大小。

但我希望博客页面上显示的所有图像都应该是完整尺寸。

Betheme Monsory Blog风格引用 https://themes.muffingroup.com/be/theme/blog/masonry-blog-style/?mfn-s

我已应用自定义 CSS 来更改显示图像的包装器/div 的大小。

用于博客风格主题的包装器。

<html>
<div class="image_frame post-photo-wrapper scale-with-grid images_only">
<div class="image_wrapper">
<a href="http://*******.com/2019/05/15/123/">
<div class="mask"></div>
<img width="960" height="750" src="http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-960x750.jpg" class="scale-with-grid wp-post-image" alt="" srcset="http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-960x750.jpg 960w, http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-1280x1000.jpg 1280w" sizes="(max-width: 960px) 100vw, 960px">
</a>
<div class="image_links double"><a href="http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-429x1024.jpg" class="zoom" rel="prettyphoto">
<i class="icon-search"></i>
</a>
<a href="http://*******.com/2019/05/15/123/" class="link">
<i class="icon-link"></i>
</a>
</div>
</div>
</div>
</html>

我已经在主题选项中寻找选项,但我找不到任何可以帮助我解决问题的选项。虽然问题很小,但很重要。

最佳答案

WordPress 有一个名为“完整”的图像大小,它将返回最初上传的图像。

现在您的主题显示上传图片的调整大小版本。它是 z1s969obmsu11-960x750.jpg。如果您使用“完整”图像尺寸,它将是 z1s969obmsu11.jpg

如果是 CSS 问题,请使用浏览器的开发人员工具检查主题样式是否覆盖了您的自定义样式。如果是这样,请提高 CSS 选择器的特异性,或者作为最后的解决方案,使用 !important。

关于css - 如何在 Betheme Masonry Blog Style 中设置和显示原始大小(未裁剪)的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56143924/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com