Извините за размещение этого в разделе JavaScript. Проблема частично относится к JavaScript здесь, я думаю, почему, почему я разместил его здесь. Если это лучше в разделе Вёрстка (HTML, CSS) то, пожалуйста, переместите его там. Привет, ребята .. Я недавно установили модуль 'Product Questions & Answers' на моем сайте, который добавляет вкладку. Эта вкладка не отображается правильно. Я понял, проблема, но не знаю, как ее решить. Проблема в том, что, когда язычок активирована, она имеет 'display: table' CSS, возложенные на него, что делает его выводиться неправильно. Однако, если я вручную изменить его на 'display: block', это решает проблему. Когда вкладка не активирован, 'display: none' используется, и это хорошо. Как я могу сделать на вкладке показать с 'display: block', когда она активируется? Я не могу найти никакого кода в исходные файлы, которые непосредственно использует 'display: table', даже через JavaScript. Так почему же 'display: table' используется? 'display: table': 'display: block':
в шаблоне пишет же <div id="tab-qa" class="tab-content" style="display: table" просто в шаблоне модуля измените или в стилях(css) классу - .tab-content задайте ето свойства так HTML: display: block !important;
я бы написал скриптом для данной страницы <script> $(document).ready(function(){$('.tab-content').css('display','!block !impotant');}); </script> мало ли где используется данный стиль еще
ну такие штуки как !importent говорят, о полной безвыходности. По этому лучше некоторые вещи решать скриптом. Видел пример: color: red !impotent; - заданный в стилях. на противовес ему - color: green !impotent; , который был вписан в блоке и что делать в таких случаях? а вот скрипт возьмет и заменит <script> $(document).ready(function(){$('.tab-content').css('color','yellow');}); </script>