Question

Блок Похожие материалы <?$RELATED_ENTRIES$(6)?>. Как сделать так, чтобы слева не было такого отсупа?

.smallnews{ 
border: 1px solid #ccc; 
width: 32.1%; 
float: left;
margin: 5px 0.5%; 
background: #fff; 
} 
.news-small-ph{ 
width: 100%; 
height: 148px; 
overflow: hidden; 
position: relative; 
} 
.news-small-ph img{ 
width: 100%; 
min-height: 100%; 
} 
.news-small-title{ 
padding: 5px 5px 5px 5px; 
color: #373f52; 
font-size: 14px; 
height: 60px; 
overflow: hidden; 
} 
.news-small-title a{color: #373f52;} 
.news-small-title a:hover{color: #000; text-decoration:none; transition:all .3s;} 

<div class="smallnews"> 
<a href="$ENTRY_URL$"><div class="news-small-ph"><img src="$IMG_URL$"></div></a> 
 <div class="news-small-title"><a href="$ENTRY_URL$"><b>$TITLE$</b></a> </div> 
</div> 

Answer 1

Попробуйте в стили прописать что-то подобное:

.uRelatedEntries {margin-left:-30px;}

30 это отступ, регулируйте под себя.

Comments

Или для большей адаптивности можно задать в процентах, но в целом это работает правильно.