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

Как подвинуть вниз поле "Искать товары"?

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

В заголовке сайта поле "Искать товары" почему-то автоматически устанавливается намного выше остальных полей (логотипа, контактных телефонов и корзины) - см. вложенный файл. Каким образом можно подать его вниз? А то очень неряшливо смотрится.

jpg

Здравствуйте.


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


1. В администраторской части магазина перейдите на странице Дизайн > Макеты.

2. Найдите необходимую секцию или блок.

3. Задайте название класса в поле Пользовательский CSS-класс или скопируйте существующий класс.

4. В редакторе тем откройте поле Пользовательские CSS.

5. Добавьте необходимый для используемого CSS класса в поле.

6. Нажмите Сохранить.

 

Чтобы узнать, какое значение свойства margin необходимо выставить, вы можете воспользоваться инструментами разработчика в вашем браузере. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице. Затем в секции Elements > Styles (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете добавлять необходимые значения, выбирая подходящее. Когда желаемый результат достигнут, полученный код можно перенести в редактор тем Мерчиума.


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Мария, просьба конкретнее сформулировать ответ. 

В пункте 3. Я скопировал существующий класс данного элемента ("Искать товары"), вот он: top-search.

Далее, в пункте 5 я вписал этот класс в конце текста на белом фоне (см. вложение), а дальше что, какой margin куда дописать?

jpg

Спасибо за ваш ответ.


Примеры использования свойства margin вы можете найти в документации и в следующих темах нашего форума:


http://help.merchium.ru/support/discussions/topics/1000042493

http://help.merchium.ru/support/discussions/topics/1000044486

http://help.merchium.ru/support/discussions/topics/1000038271

http://help.merchium.ru/support/discussions/topics/1000040012


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


Спасибо.

Спасибо, с примерами все получилось.

Спасибо за ваш ответ. Мы были рады вам помочь.


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