Удалить или отключить один из классов виджетов WordPress - PullRequest
Новая
       6

Удалить или отключить один из классов виджетов WordPress

0 голосов
/ 31 января 2019

У меня есть одна маленькая проблема с макетом в классе Widget, у меня 5 одинаковых виджетов, но у одного из виджетов есть проблема с видеоклипом,

Я смотрю в режим разработчика браузераи обнаружил проблему (см. красную рамку на скриншоте)

enter image description here

<div id="shapely_home_parallax-20" class="widget shapely_home_parallax">        <section class=" border-bottom">

<div class="container">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 text-center mt30">
<div class="">
<div class="mb32">
<div class="col-md-7 col-sm-6 text-center mb-xs-24">

<iframe>I remove all iframe for youtube</iframe></div>
<div class="col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-1
text-left"></p>
<h3>User Friendly with Easy Installation</h3>
<p>We designed our range of adaptable flood barriers with our clients in mind. With a simple installation, almost anyone can secure their home or business against floods and water damage. Thanks to the customisable width and two variations of securing mechanisms, our flood barriers will ensure your investments remain safely sealed.
</p></div>
</div>                              </div>
</div>
<!--end of row-->

Я пытался найти способ отключить только этот раздел 

<div class="col-sm-10 col-sm-offset-1 text-center mt30">

или изменить на 

<div class="text-center">

, но ничего не работает

Я просто хочу исправить один виджет, но не все, я пробовал его на дополнительном CSS в WordPress, ноКажется, это не работает.

любой пример или похожая проблема - это было бы здорово.

Ответы [ 2 ]

0 голосов
/ 31 января 2019

@ Vasim

Огромное спасибо

Работает нормально, но я не помещал в файлы нижнего колонтитула, так как я не фанат что-либо добавлять в файлы PHP из-за тем обновленияили т. д.

Я поместил его в код во фрагменте WordPress 

<?php
function script_widget_CSS_remove(){ ?>

<script>
jQuery('#shapely_home_parallax-20 .mt30').removeClass("col-sm-10 col-sm-offset-1 mt30");
</script>

<?php } 

add_action('wp_footer', 'script_widget_CSS_remove');

, и он работает нормально

0 голосов
/ 31 января 2019

Вы можете удалить эти классы, используя Jquery.

jQuery('#shapely_home_parallax-20 .mt30').removeClass("col-sm-10 col-sm-offset-1 mt30");

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

Куда поместить:

Вы можете поставитькод внутри файла нижнего колонтитула перед функцией wp_footer().Если тега нет, вы должны поместить его внутрь тега.

...