Изменяем ценник в Classipress 3.5.1

Изменяем ценник в Classipress

Если вводить длинное название в подаче на Classipress, то название спускается ниже ценника и получается не очень красиво:

Изменить это можно в файле style.min.css

Меняем код:

/* price tag */

p.post-price {
 float: right;
 color: #fff;
 font: normal 16px 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 4px 6px 2px;
}

span.tag-head {
 margin: 0;
 padding: 0;
}

.tags {
 margin: -20px;
 padding: 0;
 float: right;
 right: 24px;
 bottom: -12px;
}

.tags span {
 float: left;
 height: 24px;
 line-height: 24px;
 position: relative;
 font-size: 11px;
 margin-left: 20px;
 padding: 0 10px 0 12px;
 background: #F8ECB8;
 color: #fff;
 text-decoration: none;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-bottom-right-radius: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-right-radius: 4px;
 border-top-right-radius: 4px;
}

.tags span:before {
 content: "";
 float: left;
 position: absolute;
 top: 0;
 left: -12px;
 width: 0;
 height: 0;
 border-color: transparent #F8ECB8 transparent transparent;
 border-style: solid;
 border-width: 12px 12px 12px 0;
}

.tags span:after {
 content: "";
 position: absolute;
 top: 10px;
 left: 0;
 float: left;
 width: 4px;
 height: 4px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 background: #fff;
}

/* price tag */

p.post-price {

float: right;

color: #fff;

font: normal 16px 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;

margin: 0;

padding: 4px 6px 2px;

}

span.tag-head {

margin: 0;

padding: 0;

}

.tags {

margin: -20px;

padding: 0;

float: right;

right: 24px;

bottom: -12px;

}

.tags span {

float: left;

height: 24px;

line-height: 24px;

position: relative;

font-size: 11px;

margin-left: 20px;

padding: 0 10px 0 12px;

background: #F8ECB8;

color: #fff;

text-decoration: none;

-moz-border-radius-bottomright: 4px;

-webkit-border-bottom-right-radius: 4px;

border-bottom-right-radius: 4px;

-moz-border-radius-topright: 4px;

-webkit-border-top-right-radius: 4px;

border-top-right-radius: 4px;

}

.tags span:before {

content: "";

float: left;

position: absolute;

top: 0;

left: -12px;

width: 0;

height: 0;

border-color: transparent #F8ECB8 transparent transparent;

border-style: solid;

border-width: 12px 12px 12px 0;

}

.tags span:after {

content: "";

position: absolute;

top: 10px;

left: 0;

float: left;

width: 4px;

height: 4px;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

background: #fff;

}

на следующий:

/* price tag */
.price-wrap {position:absolute; top:-1px; right:-1px;}
.condition-wrap { position: absolute; bottom: 0px; }
.price-wrap-single {float:right;margin:-15px -15px;}
p.post-price {background-color:#1172CC; float:left; font:14px bold sans-serif,Arial,Helvetica; color:#fff; padding:4px; -khtml-border-radius: 0 6px 0 6px; -moz-border-radius: 0 6px 0 6px; -webkit-border-radius: 0 6px 0 6px; border-radius: 0 6px 0 6px;}
p.condition {background-color:#1172CC; float:left; font:10px bold sans-serif,Arial,Helvetica; color:#fff; padding:2px; -khtml-border-radius: 0 3px 0 3px; -moz-border-radius: 0 3px 0 3px; -webkit-border-radius: 0 3px 0 3px; border-radius: 0 3px 0 3px;}
p.post-price-single {background-color:#D64203; float:left; font:20px bold sans-serif,Arial,Helvetica; color:#fff; padding:6px; -khtml-border-radius: 0 6px 0 6px; -moz-border-radius: 0 6px 0 6px; -webkit-border-radius: 0 6px 0 6px; border-radius: 0 6px 0 6px;}
.sold-wrap { background: rgba(230,230,230, 0.6); z-index: 0; width: 147px; height:112px; display: block; position: absolute; text-align: center; font-size: 26px; color: #4f4f4f; line-height: 110px; }
.expired-wrap { background: rgba(230,230,230, 0.6); z-index: 0; width: 147px; height:112px; display: block; position: absolute; text-align: center; font-size: 26px; color: #4f4f4f; line-height: 110px; }
.sold { text-decoration: line-through!important; }
.sold li { text-decoration: line-through!important; }
.expired { text-decoration: line-through!important; }
.expired li { text-decoration: line-through!important; }
.new { background-color:#FDB813!important; }
.used { background-color:#BBBBBB!important; }

/* price tag */

.price-wrap {position:absolute; top:-1px; right:-1px;}

.condition-wrap { position: absolute; bottom: 0px; }

.price-wrap-single {float:right;margin:-15px -15px;}

p.post-price {background-color:#1172CC; float:left; font:14px bold sans-serif,Arial,Helvetica; color:#fff; padding:4px; -khtml-border-radius: 0 6px 0 6px; -moz-border-radius: 0 6px 0 6px; -webkit-border-radius: 0 6px 0 6px; border-radius: 0 6px 0 6px;}

p.condition {background-color:#1172CC; float:left; font:10px bold sans-serif,Arial,Helvetica; color:#fff; padding:2px; -khtml-border-radius: 0 3px 0 3px; -moz-border-radius: 0 3px 0 3px; -webkit-border-radius: 0 3px 0 3px; border-radius: 0 3px 0 3px;}

p.post-price-single {background-color:#D64203; float:left; font:20px bold sans-serif,Arial,Helvetica; color:#fff; padding:6px; -khtml-border-radius: 0 6px 0 6px; -moz-border-radius: 0 6px 0 6px; -webkit-border-radius: 0 6px 0 6px; border-radius: 0 6px 0 6px;}

.sold-wrap { background: rgba(230,230,230, 0.6); z-index: 0; width: 147px; height:112px; display: block; position: absolute; text-align: center; font-size: 26px; color: #4f4f4f; line-height: 110px; }

.expired-wrap { background: rgba(230,230,230, 0.6); z-index: 0; width: 147px; height:112px; display: block; position: absolute; text-align: center; font-size: 26px; color: #4f4f4f; line-height: 110px; }

.sold { text-decoration: line-through!important; }

.sold li { text-decoration: line-through!important; }

.expired { text-decoration: line-through!important; }

.expired li { text-decoration: line-through!important; }

.new { background-color:#FDB813!important; }

.used { background-color:#BBBBBB!important; }

ГОТОВО!

Внимание! Просьба для всех, кто имеет доски объявлений на Classipress, поделиться плагинами для размещения их на этом сайте! С Вами мы БЕСПЛАТНО делимся всеми имеющиеся фишками и плагинами для Classipress, поделитесь и вы своими со всеми! Отправлять на почту support@good-webmaster.ru

Автор публикации

не в сети 6 дней

GOOD WEBMASTER

В наличии любые плагины и темы последних версий от компании AIT THEMES

Поддержать проект монетой можно так: https://money.yandex.ru/to/410012768487959

Комментарии: 6Публикации: 262Регистрация: 17-12-2017

Метки

Classipress

Меню

Изменяем ценник в Classipress