帮助Wordpress网站自定义'特色图像大小'＆amp; “非精选”

Question

我正在一个小型Wordpress“杂志”类型网站上完成定制。我遇到了一些需要帮助的问题，因为我对PHP很新手。

我有一个'首屏，主要特色区域，包含3张图片'，附有小部分的帖子标题。 在折叠下，我有'非特色'，图像显示在'帖子标题'

下

'特色图像'我需要显示270宽度，250高度。 具有非特色，约260宽度，230高度。 “特色”相关区域内的网站结构包含

<div class="post">
   <div class="p-feat-post">
       <div class="p-feat-post-img">

我已经尝试改变所有这些类中“特色”区域上图像的高度，但是没有正常工作，并且在某些情况下，似乎拉伸了img但仍然没有显示任何高度调整（几乎因为它被封锁了，它下面的'post title-area-box'（那么为什么“img”会起作用？）

唯一有效的改变是在'img'标签中定义一个高度;

a img {

}

但是，这也改变了非特色的高度。我试过了

.p-feat-post-img, a img {

}

任何人都可以协助我指定“特色区域”图像的代码吗？谢谢你的帮助！

Answer 1

非特色图片：

    a img {
       width: 150px; //You can modify accordingly
       height: 150px; //You can modify accordingly 
    }  

特色图片

    .p-feat-post-img, a img {
       width: 350px; //You can modify accordingly
       height: 350px; //You can modify accordingly 

    }

Answer 2

确保您的图像已更改为符合div所需的高度和宽度。这看起来很简单：

.p-feat-post-img { background:url(/filepath_to_image/name_of_image.png) no-repeat; width:270px; height:250px;}