Начать новую тему

Сдвинуть баннеры ниже, изменить текст меню

Здравствуйте! Хочу сделать главную страницу своего магазина oboirf.ru по аналогии с Вашим примером магазина на хабре (прикрепил скриншот). Хочу увеличить текст меню и сделать равные отступы между нижними баннерами.

Каким способом можно сделать выше перечисленное?

png
Здравствуйте!

Что касается отступов между нижними баннерами, если баннеры представляют собой категории товаров, то целесообразнее отображать их как изображения категорий. Мы добавили изображения для ваших категорий Обои, Двери, Ковровые покрытия и добавили блок с категориями в вашей панели администратора, как это описано в следующей ветке нашего форума:
Макет. Категории товаров на домашней странице.

Пожалуйста, включите отображение блока Категории во вкладке Домашняя страница на странице Дизайн > Макеты в вашей панели администратора и проверьте, подходит ли вам такое отображение изображений категорий.

 

В Мерчиуме вы можете изменять свойства отдельных элементов (цвет, шрифт, рамку, расположение и т.д.) с помощью CSS правил. Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре.


Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить в секции Пользовательские CSS редактора тем.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Когда желаемый результат достигнут, полученный код можно перенести в секцию Пользовательские CSS редактора тем Мерчиума.

Например, чтобы увеличить шрифт меню, необходимо добавить следующее правило:

 

.ty-menu__item .ty-menu__item-link {
    font-size: 18px;
}

где нужно заменить 18 на необходимый размер шрифта.


Спасибо.


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