Перейти к содержимому


Поднять Выше Логотип И Добавить Внизу Логитипа Текст


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 21 Сентябрь 2018 - 18:40

Здравствуйте, помогите поднять выше логотип до красной полоски и внизу логотипа под синей полоской ровно по контору добавить текст "Магазин трендовых товаров" красным цветом , по картинке все понятно) . Чтобы все было видно и на одном уровне с категориями, большое спасибо. На картинке все понятно)

Прикрепленные изображения

  • полр.png


#2 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 21 Сентябрь 2018 - 19:38

Просмотр сообщенияМихаилДолматов (21 Сентябрь 2018 - 18:40) писал:

Здравствуйте, помогите поднять выше логотип до красной полоски и внизу логотипа под синей полоской ровно по контору добавить текст "Магазин трендовых товаров" красным цветом , по картинке все понятно) . Чтобы все было видно и на одном уровне с категориями, большое спасибо. На картинке все понятно)

Добавил текст в шаблоне HTML
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
			 <div class="logo-text">Магазин трендовых товаров</div>
Добавил стили в  main.css
.logo { margin-top: -16px; position: relative;}
.logo-text { font-size: 13px; color: red; text-align: center; min-width: 124%; margin-top: -10px;}

Прикрепленные изображения

  • 21-09-2018 19-37-50.jpg
  • 21-09-2018 19-37-31.jpg


#3 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 21 Сентябрь 2018 - 20:48

Просмотр сообщенияMr.Nito (21 Сентябрь 2018 - 19:38) писал:

Добавил текст в шаблоне HTML
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
			 <div class="logo-text">Магазин трендовых товаров</div>
Добавил стили в  main.css
.logo { margin-top: -16px; position: relative;}
.logo-text { font-size: 13px; color: red; text-align: center; min-width: 124%; margin-top: -10px;}
спасибо!

#4 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 21 Сентябрь 2018 - 20:55

Просмотр сообщенияMr.Nito (21 Сентябрь 2018 - 19:38) писал:

Добавил текст в шаблоне HTML
			 <div class="logo">
			 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
			 <div class="logo-text">Магазин трендовых товаров</div>
Добавил стили в  main.css
.logo { margin-top: -16px; position: relative;}
.logo-text { font-size: 13px; color: red; text-align: center; min-width: 124%; margin-top: -10px;}

А можете еще помочь сделать шрифт  у "Магазин трендовых товаров" как в категориях с право от лого.

#5 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 22 Сентябрь 2018 - 20:16

Просмотр сообщенияМихаилДолматов (21 Сентябрь 2018 - 20:55) писал:

А можете еще помочь сделать шрифт  у "Магазин трендовых товаров" как в категориях с право от лого.

Здравствуйте.
Для этого добавьте, пожалуйста, в самый конец шаблона main.css следующую строчку кода:

.col-xs-12 .htmlDataBlock span {font-family: calibri, arial, serif !important;font-weight: 400 !important;text-transform: uppercase !important;font-size: 14px !important;color: #8b8b8b !important;}


#6 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 22 Сентябрь 2018 - 22:02

Просмотр сообщенияRayLi (22 Сентябрь 2018 - 20:16) писал:

Здравствуйте.
Для этого добавьте, пожалуйста, в самый конец шаблона main.css следующую строчку кода:

.col-xs-12 .htmlDataBlock span {font-family: calibri, arial, serif !important;font-weight: 400 !important;text-transform: uppercase !important;font-size: 14px !important;color: #8b8b8b !important;}

с лева от кода восклицательный знак, не работает строчка

#7 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 23 Сентябрь 2018 - 13:24

Просмотр сообщенияМихаилДолматов (22 Сентябрь 2018 - 22:02) писал:

с лева от кода восклицательный знак, не работает строчка

Здравствуйте.
Восклицательный знак является лишь предупреждением, который реагирует на: "!important".




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных