Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Graziela Maia

[Resolvido] Mudar CSS componente CKforms

Recommended Posts

Oi gente, boa tarde!

Acabei de me cadastrar aqui, é uma situação que pode ser super simples, mas, eu sinceramente, não estou enxergando o erro.

Seguinte, estou utilizando o componente CKforms em um site, só que, o fundo do site é escuro, e as opções de preenchimento para envio

de informações pelo formulário estão na cor preta. Eu já tentei mudar as cores pelo CSS e não funfaaaa!

 

Deve ter algo aqui errado.. Será que alguém pode me ajudar?

 

Vou colocar aqui abaixo o código do CSS:

 

#ckformcontainer { width: 100%;}.ck_mandatory { color:#ffffff; padding: 
0px; font-size:0.99em; font-weight: bold; }.cktooltip { 
background-color:#FFFFFF; margin-left:-10px; margin-right:-10px; padding: 
5px;}#cktooltip { position: absolute; z-index: 3000; border: 1px solid 
#ffffff; background-color: #FFFFFF; padding: 3px; opacity: 0.85; 
font-size:11px; color:#ffffff;}#cktooltip h3 { font-size:12px !important; 
color:#ffffff; }#cktooltip h3, #cktooltip div { margin: 
0; }.ckform_tooltip, .ckform_tooltipcss { margin-top: 12px; margin-left: 
5px;}#ckform { margin-top: 10px;}#ckform div.error { clear: both; color: 
#ffffff !important; font-style: italic; display: none; padding: 0px 
!important;}#ckform div.error .ckCSSFloatLeft{ width: 20%;} #ckform 
input:focus { border: 1px dotted white; }#ckform input.error { border: 
1px dotted #ffffff !important;}#ckform textarea.error { border: 1px dotted 
red; }.ckform { margin-top: 10px;}.ckform div.error { clear: both; color: 
#ffffff !important; font-style: italic; display: none; padding: 0px 
!important;}.ckform div.error .ckCSSFloatLeft{ width: 20%;} .ckform 
input:focus { border: 1px dotted white; }.ckform input.error { border: 1px 
dotted #ffffff !important;}.ckform textarea.error { border: 1px dotted 
red; }#ckpoweredby { text-align:center !important; margin-top: 10px; 
margin-bottom: 10px;}#ckpoweredby a {color:#666666;}/* CSS layout 
*/.ckCSSlabel { display: block; float: left; margin-top: 10px; width: 20%; 
font-size:1em;}.ckCSSinputnormal { display: block; float: left; 
margin-top: 10px; background:none;}.ckCSSinputnormal input { 
background:none;}.ckCSSinputnowidth { display: block; float: left; 
margin-top: 10px;}.ckCSSnoTip { width: 77%;}.ckCSSTip { width: 
74%;}.ckCSSclear { margin: 0px; padding: Opx; clear: both;}.ckCSSFloatLeft 
{ float: left;}.ckCSSbot10 {margin-bottom: 10px;}.ckCSSbot5 
{margin-bottom: 5px;}.ckCSStop10 {margin-top: 10px;}.ckCSScenter { 
text-align:center !important; margin-top: 10px !important;}.ckCustomText 
{ margin-top: 10px;}.ckNoBorder { 
visibility:hidden;}.ui-datepicker-trigger { margin-top: 13px;}.ui-widget 
{ font-size: 10px !important;}.ckpagination { text-align:center 
!important; margin-bottom: 15px;}.ckdatatable { margin-top: 20px; 
margin-bottom: 10px; width: 100%; 
border-collapse:collapse;}.ckdatatableborder td { border : 1px solid 
#ffffff;}.ckfrontlabel { height: 30px; padding-right: 20px; font-weight: 
bold; color:#FFFFFF;}

 

Será que alguém consegue identificar?

 

Aguardo, muuito obrigada!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.