Перейти к содержанию
Форум поддержки пользователей VamShop

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


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

Где изменить размер шрифта и цвет фона в 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 раза уменьшить шрифт и чуть темнее фое и цвета а то белый фон как то не очень

 

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

 

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

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

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

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

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

у меня пишет источник -- 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;
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;

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

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

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

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

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

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

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

 

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

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

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

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

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

 

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

Ссылка на сообщение
Поделиться на другие сайты
  • 2 years later...
4 минуты назад, ggg888 сказал:

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

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

Screenshot from 2020-10-11 09-30-00.png

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

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

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

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

 

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

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

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

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

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

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

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

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