Passar para o conteúdo principal

Como posso personalizar o CSS das provas?

🦉 Personalizar o CSS ✓ Adicionar um logotipo, uma imagem de plano de fundo, alterar as fontes ✓ Cursos

Com o plano Advanced, é possível editar o CSS das suas provas.

Uma maneira de fazer isso é ajustando as configurações na aba Estilo, mas talvez você queira fazer ainda mais alterações do que as disponíveis diretamente.

O acesso às folhas de estilo em cascata (CSS) permite que você altere a forma como o conteúdo online é apresentado. Se você não souber como usar CSS ou tiver um Plano Basic, precisará usar as opções disponíveis para Estilo Básico.

Confira Opções de estilo para Provas para saber mais sobre as opções.

Como adicionar CSS a uma prova

Você pode editar o CSS da sua prova diretamente da sua conta.

Selecione sua Prova e acesse Criar > Estilo > CSS personalizado.

É possível adicionar suas imagens e fontes fazendo o upload delas para uso no CSS personalizado

Modelos para alterações comuns de estilo

Você pode usar os trechos de código abaixo para criar sua folha CSS.

Alterando a família de fontes

Todas as fontes do Google agora estão disponíveis para as Provas.

  • Títulos

Isso inclui as questões.

undefined h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong {  font-family: Georgia, serif;}

  • Texto do corpo

Isso inclui as respostas.

undefined body {  font-family: Arial, Helvetica, sans-serif;}
  • Botões

undefined .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue {  font-family: Arial, Helvetica, sans-serif;}

  • Tudo (a mesma fonte)

indefinido body, h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong,.container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue {  font-family: Arial, Helvetica, sans-serif;}

Alterando o tamanho da fonte

  • Títulos

indefinido h1 {  font-size: 28px;}h2, caption, .heading_h2, .examquestion>strong {  font-size: 21px;}h3, .heading_h3 {  font-size: 16,8px;}h4 {  font-size: 15,4px;}h5 {  font-size: 14px;}h6 {  font-size: 11,2px;}

  • Texto do corpo

body indefinido {  font-size: 13px;}

  • Botões

indefinido .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue {  font-size: 13px;}

  • Perguntas

indefinido #questioncontainer h1 {  tamanho da fonte: 28px;}

  • Respostas

undefined .answers label, .answers label span, .answerinput * {  font-size: 13px;}
Respondeu à sua pergunta?