Editar temas

Você sabia?

Não há necessidade de alterar seu CSS aqui — você pode editar e ver ao vivo as alterações de CSS no editor de CSS embutido.

Editando Tema de IA da Hostinger (desativado)

Arquivo: gutenberg-blocks/ContactForm/build/style-index.css

Arquivos do tema

Conteúdo do arquivo selecionado:

.wp-block-hostinger-ai-theme-contact-form-block .hts-contact-form{margin:0 auto;max-width:600px}.wp-block-hostinger-ai-theme-contact-form-block .contact-form-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.wp-block-hostinger-ai-theme-contact-form-block .contact-form-description{line-height:1.6;margin-bottom:2rem;text-align:center}.hts-contact-details form{display:flex;flex-direction:column;position:relative;width:100%}.hts-contact-details form .validate-message{left:0;position:absolute;top:95px}.hts-contact-details form label{font-size:14px;font-weight:600;line-height:160%}.hts-contact-details form input,.hts-contact-details form textarea{background-color:#fff;border:1px solid #dadce0;border-radius:8px;font-family:inherit;font-size:16px;line-height:160%;margin:16px 0 24px;padding:12px 16px}.hts-contact-details form input[type=submit]{align-self:flex-start;border-radius:28px;cursor:pointer;display:flex;padding:16px 40px;transition:.3s}.hts-contact-details form input[type=submit]:disabled{background-color:#ccc!important;cursor:not-allowed;opacity:.6}.hts-contact-details form input[type=submit].loading{cursor:not-allowed;position:relative}.hts-contact-details form input[type=submit].loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;content:"";height:16px;margin:auto;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:16px}.hts-contact-details form #contact-email.not-valid{border:1px solid red}.hts-contact-details form #contact-email.not-valid:focus{outline:none}.hts-contact-details form .hts-privacy-agree{align-items:center;display:flex;margin-top:5px}.hts-contact-details form .hts-privacy-agree input{margin:10px 0;min-width:15px}.hts-contact-details form .hts-privacy-agree span{font-weight:400}.hts-contact-details form .hts-privacy-agree span a{font-weight:600}.hts-contact-details form .hts-privacy-agree span{margin-left:8px}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.hts-contact-details form .validate-message{top:100%}.hostinger-ai-contact-form-4 .hts-contact-form{margin-bottom:2rem;max-width:600px}

Editar temas

Editando Tema de IA da Hostinger (desativado)

Arquivos do tema

Atenção!