[Решено] Как убрать 1 div класс без изменения кода?

  • 7 Ответов
  • 1032 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Добрый день.

Есть 1 div класс, который хочу убрать без редактирования кода. Нужно убрать только для одной позиции шаблона, так как в этой позиции с этим классом модуль выводиться не так, как хотелось бы.

Сейчас выглядит вот так
<div class="tm-toolbar uk-flex uk-flex-middle uk-flex-space-between uk-hidden-small uk-hidden-medium">
мне нужно убрать выделенную часть.

Подскажите, как быть?
Спасибо.
« Последнее редактирование: 17.03.2015, 00:46:07 от TitanFighter »

*

Оффлайн AlekVolsk

Пишите js:
Код: (javascript) [Выделить]
$('.tm-toolbar.uk-flex.uk-flex-middle.uk-flex-space-between.uk-hidden-small.uk-hidden-medium').removeClass('uk-flex');Имейте ввиду, что это удалит класс у всех блоков с таким набором классов. Если у родителя имеется id, то будет легче.

*

Оффлайн ShfVD

Если задача стоит
Цитировать
убрать без редактирования кода
, то вписать вызов скрипта это уже редактирование, надо думать. И почему так жестко, править код - гембеля меньше имхо.
Но если так уж невмоготу то можно попробовать через CSS (не видя кода сложно, попробую по приборам :) )
Находим уникального родителя в котором нужно править (пусть у него будет class="sl1")
и пишем такую конструкцию
body .sl1 div.tm-toolbar {       /*впрочем если у родителя один div достаточно .sl1 div { */

а здесь отменяем свойства селектора uk-flex
}
Если body недостаточно, тогда применяем !important


Пишите js:
Код: (javascript) [Выделить]
$('.tm-toolbar.uk-flex.uk-flex-middle.uk-flex-space-between.uk-hidden-small.uk-hidden-medium').removeClass('uk-flex');Имейте ввиду, что это удалит класс у всех блоков с таким набором классов. Если у родителя имеется id, то будет легче.
Чтото не проходит код. Не отрицаю, что я могу чтото не то делать, так как в JS не шарю.
Пробовал и в бади код вставлять и через файл к шаблону подключать и через настройки самого шаблона yootheme вставлять...

Если задача стоит, то вписать вызов скрипта это уже редактирование, надо думать. И почему так жестко, править код - гембеля меньше имхо.
Но если так уж невмоготу то можно попробовать через CSS (не видя кода сложно, попробую по приборам :) )
Находим уникального родителя в котором нужно править (пусть у него будет class="sl1")
и пишем такую конструкцию
body .sl1 div.tm-toolbar {       /*впрочем если у родителя один div достаточно .sl1 div { */

а здесь отменяем свойства селектора uk-flex
}
Если body недостаточно, тогда применяем !important



Код глянуть легко) тык В районе верхнего тулбара код.
Без правки кода потому, что шаблоны обновляются) Лень потом каждый раз править)))

*

Оффлайн AlekVolsk

Код: (css) [Выделить]
.tm-toolbar.uk-flex.uk-flex-middle.uk-flex-space-between.uk-hidden-small.uk-hidden-medium {
  display: block;
}
Уникальный селектор отсутствует, что почти всегда в шаблонах от yootheme.

*

Оффлайн AlekVolsk

По поводу js: вы с jQuery знакомы? я дал вам лишь ключевой кусок кода, но для полной работоспособности его надо обернуть в обертку jq

Код: (css) [Выделить]
.tm-toolbar.uk-flex.uk-flex-middle.uk-flex-space-between.uk-hidden-small.uk-hidden-medium {
  display: block;
}
Уникальный селектор отсутствует, что почти всегда в шаблонах от yootheme.
Это просто капец - делал так, не получилось. Скопировал у вас - заработало.
Спасибо!

*

Оффлайн AlekVolsk

Это просто капец - делал так, не получилось. Скопировал у вас - заработало.
Спасибо!
Это вопрос внимательности. Не за что.