Перейти к содержанию
dib88

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

Рекомендуемые сообщения

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

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

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

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

 

У меня OpenCart 3.0.1.2.

 

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

 

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

Изменение размера телефона.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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; и надо менять

НО

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

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

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

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

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

 

Изменил font-size.png

ОТКЛЮЧИЛ КЭШ!.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
43 минуты назад, materialcart сказал:

#top-links .list-inline > li:first-child span {
    font-size: 20px;
}

 

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 минут назад, Zhezkazganetcs сказал:

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

 

Да конечно

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

 

Изменено пользователем dib88

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
30 минут назад, Zhezkazganetcs сказал:

tyctyc.jpg

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

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, dib88 сказал:

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

начать изучение html css

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, Zhezkazganetcs сказал:

 

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

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

Поделиться сообщением


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

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

   color: red;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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;

}

Работает!

Спасибо!!

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

 

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

Примерно так!

Подложка.jpg

Поделиться сообщением


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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
14 часов назад, materialcart сказал:

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 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;

}

Спасибо!!!

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

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

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