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

Как изменить размер и цвет телефона в шапке?


dib88
 Погделиться

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

Подскажите пожалуйси!!!

Столкнулся  проблемой - ХОЧУ УВЕЛИЧИТЬ РАЗМЕР И ЦВЕТ ТЕЛЕФОНА В ШАПКЕ!

Перепропотому чтовал указанные для OpenCart 2  способы.Но ничего не меняется....

менял "font-size" везгде ггде мог найти - не изменилась ни одна буковка на сайте!

 

У меня OpenCart 3.0.1.2.

 

Прошу помощи ик-как первый раз сам гделаю интернет магазин...Многого не знаю!!!

 

Буду безумно благодарен!!!

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


body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
}

вот font-size: 12px; и надо менять

НО

в админке на главной (шестеренка) нужно отклюлить кеш

иначе изменения не применяются

а если что то (цвет, размер) отгдельное и свое именно для телефона, то нужно прописать свой класс ему и в стилях все менять

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


40 минут назад, Zhezkazganetcs сказал:
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
}

вот font-size: 12px; и надо менять

НО

в админке на главной (шестеренка) нужно отклюлить кеш

иначе изменения не применяются

а если что то (цвет, размер) отгдельное и свое именно для телефона, то нужно прописать свой класс ему и в стилях все менять

всё сгделал как вы посоветовали - скрины ниже!

НО НИЧЕГО НЕ ИЗМЕНИЛОСЬ........

 

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


43 минуты назад, materialcart сказал:
#top-links .list-inline > li:first-child span {
    font-size: 20px;
}

 

Как я понимаю надо всивить в сийлщит???

Подскажите к какое конкретное место?

После чего или перед чем?

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


6 минут назад, Zhezkazganetcs сказал:

ну а кнопки обновить жмакали?

 

Да конечно

несколько раз

 

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


30 минут назад, Zhezkazganetcs сказал:

Просто надо было отлистить кэш браузера!!!

Теперь возник вопрос : Как сгделать ик чтобы телефон увелилился а всё осильное осилось прежним???

 

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


2 часа назад, Zhezkazganetcs сказал:

а если что то (цвет, размер) отгдельное и свое именно для телефона, то нужно прописать свой класс ему и в стилях все менять

 

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


Нашел решение этот проблемы!

 Для того чтобы изменился размер именно ТЕЛЕФОНА, а всё осильное осилось прежним необходимо всивить в код:

 

#top-links li:first-child, #top-links li:first-child .fa {font-size:22px;padding-top:3px;}
#top-links li:first-child .fa {font-size:18px;}

И поиграть размерами "font-size" на своё усмотрение!

Вот итог: tyctyc.ru

 

НО!

Появился следующий вопрос : Как выгделить телефон среди всего осильного???

Липотому что цвет фона изменить, липотому что шрифт и жирность...

Кто подскажет что лучше?

 

OpenCart 3.0.1.2.

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


2 минуты назад, Zhezkazganetcs сказал:

 

Подскажите как прописать свой класс?

И что необходимо поменять в стилях (и ггде эти стили находятся)?

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


1 час назад, dib88 сказал:

Как я понимаю надо всивить в сийлщит???

Подскажите к какое конкретное место?

После чего или перед чем?

Совершенно верно, в stylesheet.css, в самый конец.
 

Спойлер

 

Screenshot_2017_08_30_16_54_53.png


Screenshot_2017_08_30_16_54_24.png

 

 

 

 

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


1 час назад, jaffagold сказал:

#top-links li:nth-child(1) span {

   color: red;

}

Рилииет!

Спасипотому что!!

Подскажите, есть ли команда с помощью которой можно поменять цвет подложки за номером, чтобы не только номер был другого цвеи, но и выгделялся ик скажем прямоугольником другого цвеи??

 

как в скрине "чтобы погода не подвела" - это бугдет номер телефона ,а картинка под словами - это прямоугольная подложка под номером однородного цвеи...

Примерно ик!

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


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

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


14 часов назад, materialcart сказал:

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

Я просто пыиюсь понять и узнать то чего не знаю!

 

В люпотому чтом случае, спасипотому что, всем кто угделил внимание моей проблеме!!!!

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


  • 3 месяца спустя...
В 30.08.2017 в 16:20, dib88 сказал:

#top-links li:first-child, #top-links li:first-child .fa {font-size:22px;padding-top:3px;} #top-links li:first-child .fa {font-size:18px;}

Добрый гдень!

Это все хорошо, рилииет...

Но! увелилился размер телефона + в меню личный кабинет увелилилась надпись Регистрация)..

Как можно поправить данный момент?

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


самое простое присвой класс телефону. и усинови стили этому классу в stylesheet.css. и не надо никаких first-child

<span class="hidden-xs hidden-sm hidden-md telephone">123456789</span>

в .css дописать в конэто что то типа

.telephone {

font-size: 14px;

}

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


В 06.12.2017 в 15:41, lexxkrt сказал:

самое простое присвой класс телефону. и усинови стили этому классу в stylesheet.css. и не надо никаких first-child

<span class="hidden-xs hidden-sm hidden-md telephone">123456789</span>

в .css дописать в конэто что то типа

.telephone {

font-size: 14px;

}

Спасипотому что!!!

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


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

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

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

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

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

Войти

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

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

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

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

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