ti-enxame.com

Qual a melhor forma de corrigir um conflito de estilo do Gantry Framework e ChronoForms?

Estou usando os modelos ChronoForms e RocketTheme na maioria dos sites que eu construo.

O Gantry Framework inclui algum estilo Bootstrap que substitui o estilo ChronoForms, de modo que (por exemplo) uma caixa de entrada de texto tenha um tamanho fixo de 206 pixels:

input, textarea, .uneditable-input {width: 206px;}

Parece que isso está acontecendo devido à ordem de carregamento da folha de estilo:

<link rel="stylesheet" href="/components/com_chronoforms/css/frontforms_tight.css" type="text/css" />
<link rel="stylesheet" href="/components/com_chronoforms/css/formcheck/theme/classic/formcheck.css" type="text/css" />
<link rel="stylesheet" href="/components/com_chronoforms/css/formcheck_fix.css" type="text/css" />
<link rel="stylesheet" href="/templates/gantry/css-compiled/bootstrap.css" type="text/css" />

Existe uma maneira fácil de ativar o estilo ChronoForms, de preferência ao estilo Gantry bootstrap, sem editar arquivos principais?

6
Neil Robertson

No Chronoforms, você pode carregar o CSSC em seus eventos de formulário. Você deve ser capaz de substituir o Gantry lá.

5
Jeepstone

Sem os itens instalados na minha frente, estou supondo que isso possa ser alterado no cabeçalho do modelo de index.php. Se isso for feito aqui, você precisará controlá-lo ao atualizar o modelo.

Eu sei que os plugins são carregados pela ordem vista no gerenciador de plugins. Eu posso procurar lá, mas pode não ser de muita ajuda, pois este é basicamente um modelo.

4
poproar