Где изменить размер шрифта и цвет фона в Vamshop2

[Serg63 0]

Где изменить размер шрифта и цвет фона в Vamshop2 >>>>>>>  eShoper  шаблон

и заодно расшифровку бы  я не сильный спец в  написании сайтов но разобраться надо

 что там  например  f0f0f0    6px ???

Я так подозреваю в  css --- eshoper - main.css

вот кусок оттуда

/*************************
*******Typography******
**************************/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Abel);

body {
  font-family: 'Roboto', sans-serif;
  background:;
  position: relative;
  font-weight:400px;
  color: #696763;
}
 

НАДО в 2 раза уменьшить шрифт и чуть темнее фое и цвета а то белый фон как то не очень

 

[support 447]

1 минуту назад, Serg63 сказал:

Где изменить размер шрифта и цвет фона в Vamshop2 >>>>>>>  eShoper  шаблон

и заодно расшифровку бы  я не сильный спец в  написании сайтов но разобраться надо

 что там  например  f0f0f0    6px ???

 

css стили eshopper шаблона в /app/webroot/css/eshopper/main.css

По идее, там.

Цвет фона обычно в body задлаётся.

body {
  font-family: 'Roboto', sans-serif;
  background:;
  position: relative;
  font-weight:400px;
  color: #696763;
}

например так:

body {
  font-family: 'Roboto', sans-serif;
  background: black;
  position: relative;
  font-weight:400px;
  color: #696763;
}

 

[Serg63 0]

1 минуту назад, VaM сказал:

font-weight:400px; color: #696763;

 что поставить  200px    color  номер  как расшифровать

[support 447]

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

 что поставить  200px    color  номер  как расшифровать

Цвет фона в background пишется.

Коды цвета например вот https://colorscheme.ru/html-colors.html

или вот https://html-color-codes.info/Cvetovye-kody-HTML/

 

P.S. Вообще если хотите что-то менять во внешнем виде, очень желательно ведь основы css хотя бы почитать, а то очень сложно будет.

[Serg63 0]

5 минут назад, VaM сказал:

Цвет фона в background пишется.

Коды цвета например вот https://colorscheme.ru/html-colors.html

или вот https://html-color-codes.info/Cvetovye-kody-HTML/

 

P.S. Вообще если хотите что-то менять во внешнем виде, очень желательно ведь основы css хотя бы почитать, а то очень сложно будет.

С шрифтом все легко и получилось 280 оптимум а вот цвет фона всегда белый   мммм

[support 447]

5 минут назад, Serg63 сказал:

С шрифтом все легко и получилось 280 оптимум а вот цвет фона всегда белый   мммм

Я ж Вам показал пример как в body прописать цвет.

Вы прописали!?

Дайте ссылку на магазин, посмотрю, откуда у Вас белый цвет и как правится.

Всё это можно посмотреть в хроме, включив консоль разработчика f12

[Serg63 0]

body {
  font-family: 'Roboto', sans-serif;
  background: #778899;
  position: relative;
  font-weight:280px;
  color: #696763;
}

 

так написал  фон белый  все равно

[support 447]

17 минуту назад, Serg63 сказал:

body {
  font-family: 'Roboto', sans-serif;
  background: #778899;
  position: relative;
  font-weight:280px;
  color: #696763;
}

 

так написал  фон белый  все равно

Да, какой-то глюк, почему-то грузится фон из /app/webroot/css/bootstrap3/bootstrap.min.css

Там в body надо поменять background-color:#fff;

Хотя это не нормально, должно брать цвета из стилей шаблона /app/webroot/css/eshoppoer/main.css

[Serg63 0]

ладно потом изучу -  нет так тоже не вышло 

 спасибки по любому

[support 447]

5 минут назад, Serg63 сказал:

ладно потом изучу -  нет так тоже не вышло 

 спасибки по любому

Наверное закэшировалось.

Нажмите f12, что б консоль открывалсь и затем с открытой консолью зайдите на сайт, что б кэш обновился.

[Serg63 0]

у меня пишет источник -- eshoper-packed.css

body {

1. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
2. font-size: 14px;
3. line-height: 1.42857143;
4. color: #333;
5. background-color: #fff;

}

 

 css     изучу  - ну если доживу :-)

9 минут назад, Serg63 сказал:

у меня пишет источник -- eshoper-packed.css

body {

1. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
2. font-size: 14px;
3. line-height: 1.42857143;
4. color: #333;
5. background-color: #fff;

}

 

 css     изучу  - ну если доживу :-)

да именно тут  eshoper-packed.css  - все сработало  

[support 447]

16 минуту назад, Serg63 сказал:

у меня пишет источник -- eshoper-packed.css

body {

1. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
2. font-size: 14px;
3. line-height: 1.42857143;
4. color: #333;
5. background-color: #fff;

}

 

 css     изучу  - ну если доживу :-)

да именно тут  eshoper-packed.css  - все сработало  

Да, это источник, но это автоматически сгенерированный файл и сжатый, его смысла править нет.

Надо править оригинал.

А оригинал этих стилей именно в /app/webroot/css/bootstrap3/bootstrap.min.css

Вот в этом файле правите и всё, eshopper-packed.css автоматически сам сгенерируется по-новой.

 

[Serg63 0]

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

Да, это источник, но это автоматически сгенерированный файл и сжатый, его смысла править нет.

Надо править оригинал.

А оригинал этих стилей именно в /app/webroot/css/bootstrap3/bootstrap.min.css

Вот в этом файле правите и всё, eshopper-packed.css автоматически сам сгенерируется по-новой.

 

ok проверю позже спасибо

[support 447]

Не за что

[ggg888 0]

Здравствуйте, а подскажите как добавить свой шрифт? 

[support 447]

4 минуты назад, ggg888 сказал:

Здравствуйте, а подскажите как добавить свой шрифт? 

Например на https://fonts.google.com выбираете шрифт, справа Embed выбираете, т.е. встроеить на сайт.

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

Добавляете в Админке - Оформление - Шаблоны - Основной шаблон.

А в /app/webroot/css/vamshop.css в body сверху прописываете font-familt

Как гугл указывает.

 

[ggg888 0]

Ок, спасибо, а если я хочу чтобы он полностью заменил весь шрифт на сайте?

[support 447]

4 минуты назад, ggg888 сказал:

Ок, спасибо, а если я хочу чтобы он полностью заменил весь шрифт на сайте?

Шрифт для всего сайта в body указывается в /app/webroot/css/vamshop.css

Просто указывайте свой шрифт.

По умолчанию используется Roboto, меняйте на свой.

Но работать будет только если Вы сам шрифт подключите.

Если шрифта не будет, то просто будет стандартным шрифтом отрисовываться.