Neste tutorial rápido venho ensinar como podemos alterar o fundo dos componentes de seção do Quiz para exibir uma imagem de fundo.
Tudo que precisa fazer é ir em Configurações > Customize o css
E adicionar o seguinte código, para exibir a imagem só substituir pela sua url:
.single-column{
background-image: url('url da imagem aqui');
background-repeat: no-repeat; /* Impede que a imagem se repita */
background-size: cover; /* Faz com que a imagem cubra todo o espaço disponível */
background-position: center; /* Centraliza a imagem no elemento */
}
Dessa maneira todas as seções do seu quiz terão essa imagem de fundo.
Agora caso queria personalizar as seções para ter suas imagens especificas vamos precisar pegar o id unido dessa seção, para isso você precisara ir no link de compartilhamento do seu quiz e inspecionar a página quando estiver na sessão desejada
Você clica na ferramenta de seleção e depois na sessão desejada, com isso você poderá obter o id no próprio HTML. Com ele agora basta alterar a primeira linha do css para o id encontrado.
#idobtidoaqui{
background-image: url('url da imagem aqui');
background-repeat: no-repeat; /* Impede que a imagem se repita */
background-size: cover; /* Faz com que a imagem cubra todo o espaço disponível */
background-position: center; /* Centraliza a imagem no elemento */
}
*Sem imagem porque apliquei para apenas a primeira seção