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

Подчеркивание ссылок

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

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


Спасибо за ваш вопрос.


В Мерчиуме вы можете изменить внешний вид элементов с помощью CSS правил. Например, в вашем случае мы рекомендуем использовать свойство text-decoration. Для того чтобы присвоить необходимое свойство CSS ко всем ссылкам вашего сайта, вам необходимо сделать следующее:


1. В панели администратора магазина перейдите на страницу Дизайн > Темы.

2. Нажмите на кнопку Редактировать дизайн.

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

4. Добавьте следующий код в конец поля Пользовательские CSS:

  

a:hover {text-decoration:none !important;}


5. Нажмите на кнопку Сохранить.


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


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

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

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

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

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

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

 

Чтобы узнать, какое значение свойства CSS необходимо выставить, вы можете воспользоваться инструментами разработчика в вашем браузере. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Подробнее об использовании данного инструмента в браузерах 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


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


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


Спасибо.

Отлично! Спасибо большое.

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

Здравствуйте! Как задать цвет ссылок в подвале и цвет при наведении курсора на них? Создал новый html блок с ссылками, если выставить цвет для них через html редактор, то через стили цвет при наведении не работает. Аналогично: НЕ выставляю цвет текста в блоке через редактор html, тогда работает цвет стиля, но цвет текста через стили не выставить. Как быть? Нужно, чтобы ссылки били белые, а при наведении курсора меняли цвет.  

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


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


Если вы хотите управлять цветами  магазина с помощью стандартной функциональности редактора тем, мы рекомендуем не использовать дополнительные CSS-правила, перезаписывающие его действие.


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


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


Спасибо.

Мария! Большое спасибо за разъяснение! По неопытности раньше в пользовательские CSS вносил ненужные дубли. Удалил пользовательские CSS перезаписывающие цвет всех ссылок, а к нужным элементам добавил желаемые стили и все заработало! Огромное спасибо вашей команде за помощь и терпение!

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


Спасибо.


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