Question

Вид материалов файлов  (большой отступ между Title(названием) и MESSAGE(описанием).

Подскажите как убрать этот отступ и изменить ширину и высоту изображений

Пример проблемы: http://autodromcar.ru/publ/konstruktsiya_avtomobilya/dvigatel/38

CSS

#wid_m_bc {  
  position: relative;  
  overflow: hidden;  
  margin: 20px;  
  background: #FFF;  
  height: 250px;  
}  
#wid_m_left {float: left;width: 40%;position: relative;}  
#wid_m_right {margin-left: 40%;width: 60%;padding: 0px 15px;}  
#wid_m_cat {  
  position: absolute;  
  background: #0276DD;  
  opacity: .7;  
  color: #FFF;  
  padding: 6px 15px;  
}  
#wid_m_img {  
  max-width: 100%;  
  height: 250px;  
  overflow: hidden;  
}  
#wid_m_img img {  
  max-width: 100%;  
  min-width: 100%;  
  height: 250px;  
  object-fit: cover;  
}  
#wid_m_kp {  
  position: absolute;  
  bottom: 5px;  
  right: 10px;  
  color: #FFF;  
  font-size: 16px;  
}  
#wid_m_border {  
  width: 40px;  
  height: 5px;  
  background: #0276DD;  
  position: absolute;  
  bottom: 0;  
}  
#wid_m_bc:hover #wid_m_border {  
  width: 100%;  
  -webkit-transition: all 2s;  
  -moz-transition: all 2s;  
  -o-transition: all 2s;  
  transition: all 2s;  
}  
#wid_m_bc h2 {  
  padding: 10px 0;  
  display: block;  
  color: #434343;  
  font-size: 24px;  
}  
#wid_m_bc:hover h2 {  
  color: #0276DD;  
}  
#wid_m_bc p {  
  display: block;  
  color: #;  
  font-size: 14px;  
  max-height: 160px;  
  overflow: hidden;  
  color: #999999;  
}  
#clr {clear: both;}  

@media screen and (max-width: 600px) {  
  #wid_m_bc {height: auto;padding-bottom: 10px;}  
  #wid_m_left {float: none;width: 100%;}  
#wid_m_right {margin-left: 0px;width: 100%;padding: 0px;position: relative;}  
#wid_m_border {top: 0px;}  
#wid_m_bc h2 {padding: 10px 15px;}  
#wid_m_bc p {padding: 15px;}  
}  
/*Podcerkivanie*/  
a:link {text-decoration:none;}

 

Answer 1

В стилях строка 1033:

#wid_m_bc p {
 display: block;
 font-size: 14px;
 max-height: 160px;
 overflow: hidden;
 color: #999999;
 margin-bottom: -20px;
}

добавить выделенное красным, вместо 20 прописайть нужно значение на сколько выровнять текст (поднять ближе к названию).

Ширина и высота фото в строке 997:

#wid_m_img img {
 max-width: 100%;
 min-width: 100%;
 height: 250px;
 object-fit: cover;
} 

Comments

Благодарю Вас!