Таблица в Joomla не изменяет размеры должным образом?

Question

В настоящее время я пытаюсь использовать Joomla для создания простого веб-сайта. Я загрузил Joomla Extension Survey под названием Form Maker Lite с целью создания опроса / вопросника.

Я опубликовал это расширение на своем веб-сайте на Joomla, к сожалению, я не могу изменить размер таблицы. Я пытался с помощью width: px изменить размер таблицы, однако это не работает.

Вот текущий автоматически сгенерированный CSS таблицы:

   #form10 .wdform-matrix-table {
   display: table;
   border-spacing: 0px
   }

У меня возникают проблемы при копировании HTML-кода, поэтому я попытался использовать его (результаты оказались не такими, как ожидалось, они должны были отображаться в виде таблицы) - My JSFiddle

Я также пытался использовать table-layout: fixed; overflow: hidden; но, к сожалению, это не помогло изменить размер таблицы. Я хочу сделать ширину стола короче.

К сожалению, я не могу предоставить доступ к сайту, потому что у меня нет полного контроля / разрешения на публичность ссылки:(. Мои извинения.

Любая помощь / совет / решения будут оценены.

Answer 1

После быстрого взгляда на компонент, следующие стили, кажется, устанавливают ширину 100% пикселей для формы, переопределяя настройки по умолчанию.

<style>
.wdform_section {
    width:100% !important;
}

.wdform_column {
    width:100% !important; 
}

.wdform-field,.wdform_row {
    width:100% !important; 
    display:block !important;
}
.wdform-element-section {
    width:80% !important; 
}

.wdform-label-section {
    width:20% !important; 
}

</style>

Насколько я могу судить, Form Maker Lite добавляет встроенные стили к элементам формы, которые, по-видимому, вы не можете редактировать, поэтому вам необходимо! Важно переопределить их.

Приведенные выше стили перезаписывают стандартную "контактную" форму, имеющуюся в версии Joomla 2.5. Это может произвести различный код для различных форм.

Если у вас его еще нет, я бы порекомендовал установить firebug, чтобы посмотреть, какой css он генерирует. Это может сделать переопределение CSS намного проще.