Изменения размера и начертания шрифта цены

[Torvael]

@alvp83, здравствуйте!

Давайте попробуем, будем работать с файлом stylesheet.css

 

в файле stylesheet.css в строке  568

Спойлер

Изменим значение

min-height: 180px;

на

min-height: 190px;

получим

.product-thumb .caption {
	padding: 0 20px;
	min-height: 190px;
}

 

в строке 587 

Спойлер

изменим значение

    min-height: 0;

на 

    min-height: 160px;

получим

.product-grid .product-thumb .caption {
	min-height: 160px;
}

 

 

между "скобками" на строке 589 - 590 добавим новое значение.

.product-thumb .rating {
    padding-bottom: 30px !important;
    position: static !important;
}

Спойлер

Между

 

Получим

 

в строку 591 или уже 595

Спойлер

Добавим 

position: absolute;

будем иметь такой вид

.product-thumb .rating {
    padding-bottom: 10px;
    position: absolute;
}

 

в строке 612 или уже 616

Спойлер

Удаляем 

 

height: 30px !important;

 

Раскомментируем и изменим следующее

position: absolute;
bottom: 12%;

на 

position: absolute !important;
bottom: 0px;

будем иметь такой вид

.product-thumb .price {
    color: #538;
    font-size: 20px;
    font-weight: bold;
    position: absolute !important;
    bottom: 0px;
}

 

Что в итоге:

Спойлер

Главная

 

Категории

 

 

 

[alvp83]

@Torvael Громаднейшее спасибо!

Только как теперь сделать в названии товара межстрочный интервал, чуть больше. А то совсем близко строчки друг к другу?

Змінено 31 серпня 2018 користувачем alvp83

[ashap]

42 минуты назад, alvp83 сказал:

@Torvael Громаднейшее спасибо!

Только как теперь сделать в названии товара межстрочный интервал, чуть больше. А то совсем близко строчки друг к другу?

очень просто! надо просто изучить css

http://htmlbook.ru/css

[alvp83]

@ashap Спасибо за совет, в свободное время займусь изучением. А по поводу межстрочного интервала не подскажите? Знаю что задается он так: line-height: <значение>px; а вот в какой блок засунуть, не знаю.

[Torvael]

.product-thumb h4

в строке 561

[alvp83]

@Torvael Еще раз спасибо. Все получилось, только столкнулся с другой проблемой. Кнопку "Купить" как будто-то что-то перекрывает и она доступна только в самом низу. Наверное, объяснил не очень, в общем это лучше самому попробовать. Зайдите пожалуйста на сайт и попробуйте нажать на кнопку "Купить" при просмотре категорий или Рекомендуемых товаров. В самом товаре все нормально.

[Torvael]

@alvp83 , есть такое=)

избавляемся от 

min-height: 60px;

в строке 565

 

изменяем в строке 619

bottom: 65px;

 

Змінено 31 серпня 2018 користувачем Torvael

[alvp83]

@Torvael Все супер. Получилось! Еще раз огромное спасибо.