Вкладка не отображается должным образом

Question

Недавно я установил модуль на своем веб-сайте, который добавляет вкладку. Эта вкладка отображается неправильно. Я выяснил проблему, но не знаю, как ее решить.

Проблема в том, что когда вкладка активирована, ей присваивается display: table CSS, что делает ее неправильной. Однако, если я вручную изменю его на display: block, он решает проблему. Когда вкладка не активирована, ей назначается display: none10, что отлично.

Как я могу показать его с display: block по умолчанию?

В исходных файлах мода нет кода, который где-либо непосредственно устанавливает его display: table, даже не через javascript. Так где же это display: table?

display: table:

display: block:

Answer 1

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

#tab-qa { 
    display: block !important; 
} 

Обратите внимание на директиву !important и конкретное #tab-qa селектора. Это гарантирует, что свойство display будет переопределено, даже если оно явно определено через атрибут style или другими менее конкретными селекторами.