body {\n background: #05B0E7;\n}<\/code><\/pre>\nIsso deve deixar o fundo azul, e ent\u00e3o voc\u00ea pode alterar o c\u00f3digo de cor hexadecimal para qualquer cor que desejar. Voc\u00ea pode usar um seletor de cores como este<\/a> se precisar de ajuda para encontrar um c\u00f3digo hexadecimal.<\/p>\nComo cada tema \u00e9 diferente, n\u00e3o posso prometer que o c\u00f3digo funcionar\u00e1, ent\u00e3o aqui est\u00e1 a pr\u00f3xima coisa que eu recomendaria.<\/p>\n
Isso definitivamente vai funcionar<\/h2>\n
Uma pergunta primeiro:<\/p>\n
Esta \u00e9 a \u00fanica personaliza\u00e7\u00e3o que voc\u00ea gostaria de fazer? Ou tamb\u00e9m seria bom alterar o tamanho dos t\u00edtulos das postagens ou a cor do cabe\u00e7alho?<\/p>\n
Se voc\u00ea tem um punhado de modifica\u00e7\u00f5es que gostaria de fazer, ent\u00e3o pode realmente gostar de CSS Hero.<\/p>\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\")
<\/a><\/p>\nCSS Hero<\/a> \u00e9 a ferramenta perfeita para fazer personaliza\u00e7\u00f5es visuais em seu site. Por exemplo, voc\u00ea pode:<\/p>\n\n- Alterar cores de fundo<\/li>\n
- Escolha novas fontes<\/li>\n
- Adicionar imagens de fundo<\/li>\n
- Ajuste o espa\u00e7amento em torno de qualquer elemento<\/li>\n<\/ul>\n
Temos um guia completo sobre como usar CSS Hero<\/a>, mas aqui est\u00e1 exatamente como voc\u00ea pode us\u00e1-lo para alterar a cor do plano de fundo.<\/p>\nComo mudar sua cor de fundo<\/h2>\n
CSS Hero oferece uma interface totalmente nova para editar seu site.<\/p>\n
No lado direito est\u00e1 uma pr\u00e9via do site. Clique em qualquer elemento na visualiza\u00e7\u00e3o e o lado esquerdo ser\u00e1 preenchido com todas as op\u00e7\u00f5es de personaliza\u00e7\u00e3o dispon\u00edveis.<\/p>\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\")
<\/a><\/p>\nCSS Hero sendo usado com o tema Shift<\/a> gratuito<\/a><\/p>\nTudo que voc\u00ea precisa fazer \u00e9 clicar no plano de fundo do seu site e selecionar a op\u00e7\u00e3o Plano de fundo no lado esquerdo.<\/p>\n
Selecionar a op\u00e7\u00e3o Plano de fundo revela a configura\u00e7\u00e3o de cor e v\u00e1rias op\u00e7\u00f5es de posi\u00e7\u00e3o para as imagens de plano de fundo.<\/p>\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\")
<\/a><\/p>\nClicar na caixa de cor transparente (quadriculada) revela o seletor de cores onde voc\u00ea tem controle total sobre qual cor \u00e9 usada.<\/p>\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\")
<\/a><\/p>\nAinda mais legal \u00e9 o fato de que a cor \u00e9 atualizada instantaneamente conforme voc\u00ea usa o seletor de cores.<\/p>\n
Todas as altera\u00e7\u00f5es feitas s\u00e3o vis\u00edveis apenas para voc\u00ea at\u00e9 clicar no bot\u00e3o Salvar e publicar na parte inferior. Em seguida, suas modifica\u00e7\u00f5es s\u00e3o publicadas ao vivo no site para que todos possam ver.<\/p>\n
Comece a personalizar seu site<\/h2>\n
Se voc\u00ea sabe como escrever CSS e encontrar seletores para usar<\/a>, pode fazer personaliza\u00e7\u00f5es como essa com o c\u00f3digo. Caso contr\u00e1rio, voc\u00ea provavelmente n\u00e3o conseguir\u00e1 encontrar um snippet de copiar \/ colar online porque cada tema \u00e9 diferente.<\/p>\nNesses casos, CSS Hero<\/a> \u00e9 uma ferramenta incr\u00edvel e vai economizar muito tempo. Al\u00e9m disso, \u00e9 bom saber que voc\u00ea sempre pode fazer altera\u00e7\u00f5es de estilo em qualquer tema que escolher no futuro.<\/p>\nVoc\u00ea pode clicar aqui para experimentar CSS Hero<\/a> ou visitar nosso tutorial<\/a> para saber mais sobre como funciona. Voc\u00ea tamb\u00e9m pode gostar de algumas das ideias em nosso guia de personaliza\u00e7\u00e3o do WordPress<\/a>.<\/p>\n