Похожие новости

12
AB
На сайте с 10.11.2015
Offline
47
995

Ребят, очень нужна ваша помощь.

Сайт на вордпрессе. Вывел внизу статьи похожие новости, но размер картинки 150-150 рх. Изменить не получается, шаблон адаптивный. Прописана ширина в %. Но при изменении процентов размер картинки не меняется.

+ На главной выводятся картинки (изображение записи) разного размера. Чтобы все было ровно нужно подгонять каждую картинку под одинаковый размер. Думаю, два вопросы связаны между собой. Как решить данную проблему (без плагинов) Очень буду благодарен за помощь.

D
На сайте с 30.09.2018
Offline
8
#1

Сделайте размер картинки в процентах, а не в пикселях.

Сайт под ключ (https://devmastery.ru)
AB
На сайте с 10.11.2015
Offline
47
#2
devmastery:
Сделайте размер картинки в процентах, а не в пикселях.

Стоит размер в %. стоит ширина 50%, и если менять на 100%, то размер самой картинки не меняется, просто текст (тайтл), что справа от картинки, уходит вниз (под неё).

В том то и проблема, что размер картинки никак изменить нельзя.

Я думаю это зашито где-то конкретно в файлах движка. Поэтому спросил, может у кого была такая практика.

D
На сайте с 30.09.2018
Offline
8
#3
Admin_Bro:
Стоит размер в %. стоит ширина 50%, и если менять на 100%, то размер самой картинки не меняется, просто текст (тайтл), что справа от картинки, уходит вниз (под неё).
В том то и проблема, что размер картинки никак изменить нельзя.
Я думаю это зашито где-то конкретно в файлах движка. Поэтому спросил, может у кого была такая практика.

Выложите сайт или код полностью, так это гадание на кофейной гуще.

K
На сайте с 08.01.2019
Offline
11
#4
Admin_Bro:
Стоит размер в %. стоит ширина 50%, и если менять на 100%, то размер самой картинки не меняется, просто текст (тайтл), что справа от картинки, уходит вниз (под неё).

Если меняете ширину через CSS, то попробуйте задать ширину так: width:100% !important;

А вообще, нужно видеть сайт, чтобы реально вам помочь.

Адаптирую Ваш сайт под мобильные устройства. Нужно внести правки в вёрстку? Обращайтесь!
Антон Лавеев
На сайте с 31.10.2005
Offline
408
#5
Admin_Bro:
рописана ширина в %. Но при изменении процентов размер картинки не меняется.

Скорее всего картинка сильно больше своего контейнера и занимает всю его ширину. Поиграй для начала с единицами измерения.

☠️☠️☠️
AB
На сайте с 10.11.2015
Offline
47
#6

Ребят, огромное спасибо, что откликнулись .

Сайт пока находится на локалке, но могу скинуть код и css именно похожих записей.

Код :

<div id="interesting_articles">


<h3>Интересное на блоге</h3>
<?php
$categories = get_the_category($post->ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
$args=array(
'tag__in' => $tag_ids, //сортировка по тегам (меткам)
'post__not_in' => array($post->ID),
'showposts'=>4, //количество выводимых ячеек
'orderby'=>'rand', // в случайном порядке
'ignore_sticky_posts'=>1); //исключаем одинаковые записи
$my_query = new wp_query($args);
if( $my_query->have_posts() ) {
echo '<div class="col-md-12">';
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<div class="col-xs-12 col-sm-6 col-md-6 thumbnail">
<div class="col-xs-6 col-sm-6">
<a onclick="return !window.open(this.href)" href="<?php the_permalink() ?>">
<?php the_post_thumbnail('thumbnail'); ?>
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a onclick="return !window.open(this.href)" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a>
</div>
</div>
<?php
}
echo '</div>';
}
wp_reset_query();
}
?>
</div>

И CSS:


#related_posts .clear {
clear: both;
}

#related_posts ul {
margin: 0;
overflow: hidden;
}

#related_posts li {
float: left;
list-style: none;
margin: 0 0 0 15px;
}

#related_posts li:first-child {
margin-left: 0;
}

#related_posts li a {
display: block;
font-size: 12px;
line-height: 16px;
text-align: left;
text-decoration: none !important;
width: 142px;
}

#related_posts img {
height: 142px;
width: 142px;
}

#related_posts li a:hover {
text-decoration: underline;
}

.related_content {
margin-bottom: 15px;
}

.related_image {
width: 142px;
height: 142px;
border: 2px solid #DDDDDD;
margin-bottom: 10px;
background: url(images/default.png);
}

P.S Даже если заменить 140рх на %, ничего не меняется.

S
На сайте с 30.09.2016
Offline
469
#7

Этот код CSS не от того велосипеда.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
AB
На сайте с 10.11.2015
Offline
47
#8
Sitealert:
Этот код CSS не от того велосипеда.

В смысле? Почему вы считаете что не от того велосипеда?

Этот код отвечает за вывод похожих новостей.

S
На сайте с 30.09.2016
Offline
469
#9
Admin_Bro:
Почему вы считаете что не от того велосипеда?

По кочану. Потому что я считать читать умею.

Admin_Bro:
Этот код отвечает за вывод похожих новостей.
Может быть и отвечает. Конкретно.

Но в данном случае в CSS написано #related_posts, а в HTML id="interesting_articles".

totamon
На сайте с 12.05.2007
Offline
360
#10
Admin_Bro:
Сайт пока находится на локалке

пора услугу вводить "вызов программиста для правок на локалке" ☝

Хостинг от 90р ( https://goo.gl/h1VRkY ) и ВПС от 161р ( https://goo.gl/vw9JH7 ) 14 дней бесплатный тест! Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno ХОСТИНГ №1 РОССИИ https://8fn.ru/beget Монетизация любых сайтов PUSHами ( https://8fn.ru/push ) - лучшая цена клика и показа ;)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий