Редактирование блока похожие материалы

голоса: 0

Здравствуйте. Воспользовался инструкцией по настройке пункта "Похожие материалы" https://www.ucoz.ru/qa/index.php/115918

Возник вопрос как отредактировать css чтоб подписи к материалам были одинакого размера по высоте

http://joxi.ru/E2pE6E5I7QggyA

.rel-mat {text-align:left!important;float:left;width: 150px;margin: 1px;border: 1px solid #aea79f!important;display: inline-block;border-radius:3px;box-shadow: 0 0 2px rgb(177, 172, 172);background: #fff;}
.rel-mat span {display:block;position: relative;top: 5px;}
.rel-mat p:before{ content:""; display:block; height:70px; position:relative; top:210px; background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); }
.rel-mat p:nth-child(1){text-align: left;padding: 0 5px 0 5px;display:inherit!important;}
.rel-mat p:nth-child(1n+1) {display:none;}
.rel-mat img {border-bottom:1px solid #aea79f;width: 150px;max-height: 150px;}
a.rel-link {color: #337ab7;float: left;text-align: center;position: relative;z-index: 10;}
#rel {width: 100%;margin-bottom: 10px;padding-bottom: 20px;display: inline-block;border: 1px solid #cdc7c7;border-radius: 5px;}
#rel span:nth-child(1) {font-size: 18px;font-family: serif;color: #FFE0A2;margin-left: 10px;border-bottom: 1px dashed green;position: relative;top: 4px;}

 

 

| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
Чтобы были одинакового размера, соответственно нужно не делать длинные названия к материалам. Если делать одинаковые стилями, это просто будет обрезка названий и не более (то есть часть отображается, а часть нет).
| Автор:
...