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

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

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

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

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

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

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

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

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

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

Сайт пока находится на локалке, но могу скинуть код и 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рх на %, ничего не меняется.

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

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

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

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

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

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