Логотип

InstantCMS 2.X

Настройка отображения логотипа сайта

#1 12 июня 2020 в 17:25
Здравствуйте уважаемые!

Меня заинтересовал этот движок и я решил использовать его для своего проекта, после использования другого известного CMS.
У меня есть один вопрос по поводу логотипа.
Дело в том, что когда я загружаю свой логотип сайта вместо стандартного, то он уменьшается и принимает такой же размер как и стандартный. Получается что логотип отображается сильно маленьким.
Так вот, — как можно сделать что бы логотип не уменьшался в размере?
#2 12 июня 2020 в 17:30
Можно! Но у нас ответы платные! Какой у вас бюджет на правильный ответ?
Расценки для примера:
/forum/thread33470-1.html
/forum/thread33469-1.html
#3 12 июня 2020 в 18:23
Можно попробовать настроить тут (см. скрин)
Прикрепленный файл
645301213_8egm2.png 456 Кб
#4 12 июня 2020 в 19:04

у нас ответы платные!

GoodMade
rofl
Между прочим… это был бы новый виток в развитии системы!
И несомненно это помогло бы разбавить монополизацию раздела Фриланс!

Так вот, — как можно сделать что бы логотип не уменьшался в размере?

@ElbrusMAX
Правки css кода, свойства height: ХХpx; width: XXpx;
#5 12 июня 2020 в 19:35


у нас ответы платные!

GoodMade
rofl
Между прочим… это был бы новый виток в развитии системы!
И несомненно это помогло бы разбавить монополизацию раздела Фриланс!

Так вот, — как можно сделать что бы логотип не уменьшался в размере?

@ElbrusMAX
Правки css кода, свойства height: ХХpx; width: XXpx;

Владимир Вольфович

Это конечно же интересная информация. Но в каком именно CSS файле искать в теме "default", их там 14 штук?
#6 12 июня 2020 в 20:23


в каком именно CSS файле искать в теме "default", их там 14 штук?


/templates/default/css/theme-layout.css

  1.  
  2. #layout header #logo a, #layout header #logo > span {
  3. display: block;
  4. float: left;
  5. width: 170px;
  6. background-size: contain;
  7. height: 50px;
  8. background-image: url(../images/logo.svg);
  9. background-repeat: no-repeat;
  10. background-position: left center;
  11. }
  12.  
background-image: url(../images/logo.svg); logo.svg поменяйте на свой логотип, дальше подбирайте по width: и height

Так же не забывайте про...
  1.  
  2. #layout header {
  3. height: 50px;
  4. line-height: 50px;
  5. padding: 0 14px;
  6. background: url(../images/bg_top.png) no-repeat center;
  7. }
  8.  
Увеличьте высоту до нужного значения, height: 70px; (например)
#7 13 июня 2020 в 00:29



в каком именно CSS файле искать в теме "default", их там 14 штук?


/templates/default/css/theme-layout.css

  1.  
  2. #layout header #logo a, #layout header #logo > span {
  3. display: block;
  4. float: left;
  5. width: 170px;
  6. background-size: contain;
  7. height: 50px;
  8. background-image: url(../images/logo.svg);
  9. background-repeat: no-repeat;
  10. background-position: left center;
  11. }
  12.  
background-image: url(../images/logo.svg); logo.svg поменяйте на свой логотип, дальше подбирайте по width: и height

Так же не забывайте про...
  1.  
  2. #layout header {
  3. height: 50px;
  4. line-height: 50px;
  5. padding: 0 14px;
  6. background: url(../images/bg_top.png) no-repeat center;
  7. }
  8.  
Увеличьте высоту до нужного значения, height: 70px; (например)

Владимир Вольфович

Вроде бы получилось. smile
Только на смартфоне ни чего не изменилось почему-то. Логотип мелким так и отображается.

Но всё равно — спасибо за подсказку.
#8 13 июня 2020 в 06:00
ElbrusMAX,
очистите кэш браузера на смартфоне или воспользуйтесь "абстрактным счётчиком", чтобы не чистить кэш на всех устройствах. Найти Вы его можете в админ панели по такому пути: "Настройки > Интерфейс".
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.