Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


Recommended Posts

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

 

Что в итоге:

Спойлер

Главная

 

Категории

 

 

 

Link to comment
Share on other sites


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

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

Edited by alvp83
Link to comment
Share on other sites


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

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

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

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

http://htmlbook.ru/css

Link to comment
Share on other sites

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

Link to comment
Share on other sites


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

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.