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

 

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 16:46, Serg63 сказал:

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

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

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

 

Expand  

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

 

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 16:49, VaM сказал:

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

Expand  

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

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 16:52, Serg63 сказал:

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

Expand  

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

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

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

 

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

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 17:00, VaM сказал:

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

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

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

 

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

Expand  

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

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 17:05, Serg63 сказал:

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

Expand  

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

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

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

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

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

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

 

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

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 17:11, Serg63 сказал:

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

 

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

Expand  

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

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

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

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 17:43, Serg63 сказал:

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

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

Expand  

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

Нажмите 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;
  В 09.01.2018 в 19:05, 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;
Expand  

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

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

Expand  

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

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

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

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

 

Ссылка на сообщение
Поделиться на другие сайты
  В 09.01.2018 в 19:23, VaM сказал:

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

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

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

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

 

Expand  

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

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

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

Expand  

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

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

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

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

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

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

 

Ссылка на сообщение
Поделиться на другие сайты
  В 11.10.2020 в 06:48, ggg888 сказал:

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

Expand  

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

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

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

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

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

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