Как изменить размер логотипа?

Интеграция с OZON Интеграция с Яндекс.Маркет Яндекс.Маркет PRO Интеграция с AliExpress SEO-фильтр Meta Robots Tag Информация о доставке и оплате Часто задаваемые вопросы Группы товаров SEO-оптимизация Каталог отзывов Google Покупки Электронная коммерция Поиск PRO SEO-регионы Турбо-страницы SEO-редиректы Link canonical Last-Modified Заказ обратного звонка HTML-карта сайта Навигация в хлебных крошках Купить в 1 клик Sitemap PRO Заказ в 1 шаг Бренды PRO Массовые изменения Мобильное приложение IOS, Android Защита контента для Shop-Script Автообновление курса валют Защита контента для приложения «Блог»FAQ (Общие вопросы)Интеграция с Tiu.ru Передача заказов из корзин Турбо-страниц Fast index Цены Pro Интеграция с МегаМаркет Mobisite 3.0 MobiSite 2.0 MegaShop 2.0 VK пиксель PRO Общие вопросы

Полезная информация Идеи по улучшению Баг-репорты

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

Поддержка Bodysite

13 декабря 2023 13:21

Допустим, у вас есть логотип в большом размере, и при размещении его в шапке сайта он отображается в неидеальных габаритах.

Пример:

Вы, конечно, можете изменить размер в редакторе изображений, чтобы и вес фотографии был пониже. Однако, если этого сделать не получается, то в этой статье мы расскажем, как изменить размер картинки, отображаемой на сайте.

Сделать это можно через редактирование CSS стилей. Подробно схема описана в этой статье.

Конкретно для размера логотипа нужно задать, например, следующие стили:

.header-middle-bar__container-logo img {
    max-height: 100px;
}

Результат:

0 комментариев

Чтобы добавить комментарий, войдите в личный кабинет

Запрос в поддержку