Помогите с настройкой сайта Wordpress «Featured Img Size» и «Non-Featured»

Question

Я завершаю настройку на маленьком веб-сайте WordPress «Magazine».Я столкнулся с парой проблем, в которых мне нужна помощь, так как я довольно новичок в PHP.

У меня есть «основная область, состоящая из трех частей» с небольшими выдержками.заголовков постов.Под сгибом у меня есть «неиспользуемые» с изображениями, отображаемыми под «заголовками постов»

«Необходимые изображения», которые мне нужны, отображаются с шириной 270, высотой 250.С неориентированной, около 260 шириной с 230 высотой.Структура сайтов в рассматриваемой области «Избранные» содержит:

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

Я пытался изменить высоту изображений в области «Избранные» во всех этих классах, но не работал правильно, а в некоторыхслучаи, казалось, растягивали img, но все еще не отображали никакой регулировки высоты (почти как она была заблокирована 'post-area-box' под ней (Тогда почему "img" сработало бы?)

Единственное, что сработало, это определение высоты внутри тега '' img 'рода;

a img {

}

Но это также изменило высоту неучтенного. I'мы пробовали

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

}

Может кто-нибудь помочь мне с кодом при указании только для изображения «рекомендуемой области»? Спасибо за любую помощь!

Answer 1

Убедитесь, что ваше изображение было изменено, чтобы соответствовать желаемой высоте и ширине div. Это кажется довольно простым, хотя:

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

Answer 2

для неиспользуемых изображений:

    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 

    }