Изменяем ценник в Classipress
Если вводить длинное название в подаче на Classipress, то название спускается ниже ценника и получается не очень красиво:
Изменить это можно в файле style.min.css
Меняем код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
/* 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; } |
на следующий:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
/* 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; } |
ГОТОВО!
