Jump to content

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


Recommended Posts

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

 

Link to post
Share on other sites
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;
}

 

Link to post
Share on other sites
1 минуту назад, VaM сказал:

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

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

Link to post
Share on other sites
6 минут назад, Serg63 сказал:

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

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

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

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

 

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

Link to post
Share on other sites
5 минут назад, VaM сказал:

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

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

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

 

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

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

Link to post
Share on other sites
5 минут назад, Serg63 сказал:

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

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

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

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

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

Link to post
Share on other sites

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

 

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

Link to post
Share on other sites
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

Link to post
Share on other sites

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

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

Link to post
Share on other sites
5 минут назад, Serg63 сказал:

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

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

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

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

Link to post
Share on other sites

у меня пишет источник -- 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  - все сработало  

Link to post
Share on other sites
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 автоматически сам сгенерируется по-новой.

 

Link to post
Share on other sites
2 минуты назад, VaM сказал:

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

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

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

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

 

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

Link to post
Share on other sites
  • 2 years later...

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

Link to post
Share on other sites
support
4 минуты назад, ggg888 сказал:

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

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

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

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

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

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

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

 

Link to post
Share on other sites

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

Link to post
Share on other sites
support
4 минуты назад, ggg888 сказал:

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

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

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

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

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

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...