如何以Betheme Masonry Blog样式设置和显示原始大小的图像(未裁剪)?

时间:2019-05-15 07:37:13

标签: css wordpress themes masonry

我将Betheme用于我的wordpress网站,并将其Masonry Blog样式(强制性)用于博客文章。 博客页面上显示的内容的图像(特征图像)具有按monsory博客样式定义的随机大小。

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

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>

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

1 个答案:

答案 0 :(得分:0)

WordPress的图片大小为“完整”,它将返回最初上传的图片。

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

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