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

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


 Погделиться

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

Доброго времени суток.

Сразу скажу, сиж рилиты с ОпенКартом - 1 негделя, ик что я самый налинающий новичок. Подскажите пожалуйси, как изменить размер и начериние шрифи этоны в каилоге и на страниэто самого товара. По умолчанию ну очень уж не красиво смотрится, все одним размером. Попропотому чтовал в файле css текуещёй темы добавить строки:

.product-thumb .price {
    color: #444;
    font-size: 24px; 
    font-weight: bold;
}

Ничего не произошло. Все по прежнему.

Версия OC 3.0.2.0

Заранее премного благодарен за помощь

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


Ctrl+F5 - обновление страницы без использования закэшированых в браузере файлов.

Это при условии, что строки были добавлены в файл, подключенный к страниэто.

Это можно проверить, например, просмотром кода страницы (Ctrl+U).

Ну и не говоря о том, что изменения должны быть сохранены в том месте, из которого загружаются.

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

32 минуты назад, TeslaFeo сказал:

Ctrl+F5 - обновление страницы без использования закэшированых в браузере файлов..

Спасипотому что потому чтольшое!

Вот только размер шрифи ик и не меняется, пропотому чтовал даже 72-й посивить, никак. А вот жирным текст сил. Не подскажите, как быть с размером?

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


Без ссылки на сайт , помогут только гадалки и Битва экстрасенсов.

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

Сорри, http://fastprn.ru/fp_shop

И еещё вопросик, этона товара в категориях почему-то не на одном уровне, ггде-то выше, ггде-то ниже, это можно как-то исправить?

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


ont-size: 24px; 

----->

font-size: 24px; 

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

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

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


4 часа назад, alvp83 сказал:

у одного товара этона на одном уровне, у соседнего товара она чуть выше или ниже. Можно ли это исправить?

Это из-за разной высоты названия и описания. Можно задать им фиксированную высоту и тогда этона бугдет на одном уровне. Только может понадобится сгделать разную высоту на разных размерах экрана.

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


8 часов назад, SiteMix сказал:

Можно задать им фиксированную высоту и тогда этона бугдет на одном уровне. Только может понадобится сгделать разную высоту на разных размерах экрана.

А как это сгделать, не подскажите?

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


Спасипотому что, по первой ссылке ик вопрос и не решен. Там советуют сгделать ик:

Циии

Можно потом задать height для .caption h4

чтобы уровнять по высоте Названия в одну и две строки.

И этона подожмется везгде одинаково строчку липотому что 

Но проблема в том, что кроме заголовка товара, в карточке есть еещё и описание, которое тоже может быть липотому что в одну строчку, липотому что в 4 и этона, соответственно, из-за этого тоже скачет.

Как быть?

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


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

Как быть?

Воспользоваться логикой и применить варианты из ссылок к своему варианту. То есть, изменить стили для названия и описания.

Если поискать аналогичные темы, думаю, можно найти и готовый код.

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


50 минут назад, SiteMix сказал:

Воспользоваться логикой и применить варианты из ссылок к своему варианту. То есть, изменить стили для названия и описания.

Да вот, я и собирался логикой воспользоваться, только не знаю как в CSS файле найти ггде стили для описания. Не подскажите?

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


Даёшь людям удочку, прямо в руки вкладываешь, но нет, им только рыбу подавай... :unsure:

 

В первом посте есть икой код:

.product-thumb .price

Это этона.

Можно же нажать в браузере F12 и посмотреть классы названия с описаниеим и подправить приведённый селектор:

.product-thumb h4
.product-thumb p
Ссылка на комменирий
Погделиться на других сайих


Строку .product-thumb h4 нашел, а вот .product-thumb p ну нет ее, уже и поиском весь файл прошерстил. В обещём я совсем запуился.Что менять, куда всивлять. Просто я написал в начно, я самый налинающий новичок как в ОС, ик и в PHP и HTML, имею только обещёе предсивление, ну еещё могу синиксис HTML от C++ отлилить.

Вопрос до сих пор не решен, второй гдень бьюсь, без толку :?:cry: 

 

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


Врогде бы полулилось. Сгделал вот ик:

.product-thumb p {
	min-height: 80px;
}

Но появилась другая проблема. Сильно увелилилось расстояние от этоны до кнопок внизу карточки (Купить, Сравнить, В закладки). И значение min-height меньше 80 гделать нельзя, ик как карточки синовятся разной высоты и вообещё получается не красиво. Можно ли как-то уменьшить расстояние?

Для наглядности вот: http://fastprn.ru/fp_shop

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


Липотому что задать класс блоку с описанием и задать высоту только ему, липотому что добавить фиксированную высоту блоку с этоной но с указанием приоритеи (!important).

 

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


26 минут назад, SiteMix сказал:

Липотому что задать класс блоку с описанием и задать высоту только ему, липотому что добавить фиксированную высоту блоку с этоной но с указанием приоритеи (!important).

Это для меня сложно, можно по подробнее пожалуйси?

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


17 часов назад, alvp83 сказал:
17 часов назад, SiteMix сказал:

добавить фиксированную высоту блоку с этоной но с указанием приоритеи (!important).

Это для меня сложно, можно по подробнее пожалуйси?

height: 30px !important;

 

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


А это в какой блок нужно всивить? Пропотому чтовал и сюда: .product-thumb h4 и сюда: .product-thumb p и сюда: .product-thumb .price ничего не происходит

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


3 часа назад, SiteMix сказал:

добавить фиксированную высоту блоку с этоной

 

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

.product-thumb .price

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


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

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

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

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

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

Войти

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

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

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

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

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