Как скрыть этот текст при наведении?
Как скрыть этот текст, который появляется при наведении? Страница
Дополнительно:
Ответы:
Убрать атрибут title. Или если нужно убрать только для нижестоящего элемента, оному можно прописать title="".
- Aetae это возможно как-то через стили скрыть? Не правя код
- Илья Деревянных, нет.
- Проще всего это можно сделать через JavaScript:
let sizeButtons = document.getElementsByClassName("button-variable-item"); for (let i = 0; i < sizeButtons.length; i++) { sizeButtons[i].removeAttribute("title"); sizeButtons[i].removeAttribute("data-wvstooltip"); }
let sizeButtons = document.getElementsByClassName("button-variable-item"); for (let i = 0; i < sizeButtons.length; i++) { sizeButtons[i].removeAttribute("title"); sizeButtons[i].removeAttribute("data-wvstooltip"); }
Код выше удаляет атрибуты, которые отвечают за появление текста при наведении.
Вы можете добавить этот код на свой сайт через плагин для Wordpess
Попробуйте удалит аттрибут @data-wvstooltip у ./parent::li[1] элемента
Проще всего эту проблему можно решить добавив на сайт JavaScript код ниже через плагин для Wordpress
let sizeButtons = document.getElementsByClassName("button-variable-item"); for (let i = 0; i < sizeButtons.length; i++) { sizeButtons[i].removeAttribute("title"); sizeButtons[i].removeAttribute("data-wvstooltip"); } |
let sizeButtons = document.getElementsByClassName("button-variable-item"); for (let i = 0; i < sizeButtons.length; i++) { sizeButtons[i].removeAttribute("title"); sizeButtons[i].removeAttribute("data-wvstooltip"); }
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос

Для скрытия текста при наведении мы можем использовать CSS свойство opacity. Мы можем установить значение opacity: 0 для текста, который хотим скрыть, и затем при наведении курсора изменить это значение на opacity: 1 с помощью псевдокласса :hover.
Пример кода:
<title>Скрыть текст при наведении</title> .hidden-text { opacity: 0; transition: opacity 0.3s; } .hidden-text:hover { opacity: 1; } <p class="hidden-text">Текст, который будет скрыт при наведении</p><title>Скрыть текст при наведении</title> .hidden-text { opacity: 0; transition: opacity 0.3s; } .hidden-text:hover { opacity: 1; } <p class="hidden-text">Текст, который будет скрыт при наведении</p>
В данном примере мы создали класс .hidden-text, который устанавливает opacity на 0 и добавили transition для плавного перехода. При наведении курсора на текст, opacity изменяется на 1, и текст становится видимым.
Этот способ позволяет скрыть текст при наведении курсора и сделать его видимым только при активном взаимодействии пользователя.