Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


 Погделиться

Рекомендованные сообещёния

@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;
}

 

Что в итоге:

Спойлер

Главная

 

Категории

 

 

 

Ссылка на комменирий
Погделиться на других сайих


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

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

Изменено пользователем alvp83
Ссылка на комменирий
Погделиться на других сайих


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

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

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

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

http://htmlbook.ru/css

Ссылка на комменирий
Погделиться на других сайих

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

Ссылка на комменирий
Погделиться на других сайих


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

Ссылка на комменирий
Погделиться на других сайих


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

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

min-height: 60px;

в строке 565

 

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

bottom: 65px;

 

Изменено пользователем Torvael
Ссылка на комменирий
Погделиться на других сайих


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обрилитка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфигденциальности.