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

[dib88]

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

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

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

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

 

У меня OpenCart 3.0.1.2.

 

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

 

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

[Zhezkazganetcs]

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

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

НО

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

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

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

Змінено 30 серпня 2017 користувачем Zhezkazganetcs

[materialcart]

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

 

[dib88]

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; и надо менять

НО

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

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

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

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

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

 

[dib88]

43 минуты назад, materialcart сказал:

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

 

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

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

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

[Zhezkazganetcs]

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

[dib88]

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

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

 

Да конечно

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

 

Змінено 30 серпня 2017 користувачем dib88

[Zhezkazganetcs]

[dib88]

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

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

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

 

[Zhezkazganetcs]

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

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

 

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

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

Вот итог: tyctyc.ru

 

НО!

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

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

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

 

OpenCart 3.0.1.2.

[Zhezkazganetcs]

Только что, dib88 сказал:

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

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

[dib88]

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

 

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

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

[jaffagold]

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

   color: red;

}

[materialcart]

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

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

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

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

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

Спойлер

 

 

 

 

 

[dib88]

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

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

   color: red;

}

Работает!

Спасибо!!

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

 

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

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

[materialcart]

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

[dib88]

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

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

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

 

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

[VSpicy]

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

Добрый день!

Это все хорошо, работает...

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

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

[lexxkrt]

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

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

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

.telephone {

font-size: 14px;

}

Змінено 6 грудня 2017 користувачем lexxkrt

[VSpicy]

В 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;

}

Спасибо!!!