Como fazer EFEITO DEGRADÊ de CORES no BACKGROUND do site
Para criar o efeito degradê de cores no background do seu site, siga os passos abaixo:
Acesse o seu editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng6png_n4lq0o.png)
Clique no ícone de engrenagem localizado no canto superior direito da sua tela;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng2png_1qk8s9c.png)
Em seguida, selecione a opção Javascript/Css;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng3png_13089qz.png)
Clique em "Adicionar código";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng4png_x3hb22.png)
Dê um nome ao código, classifique-o como funcionamento e instale o código abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/screenshot-2022-12-21-140707_autd1w.png)
Em seguida, você vai precisar identificar o ID do bloco em que o efeito será aplicado;
Caso você não saiba como identificar o ID de um bloco no GreatPages, clique aqui e veja nosso tutorial.
Depois disso, informe no campo destacado abaixo o código da cor que gostaria de aplicar com o efeito degradê;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/screenshot-2022-12-21-141927_5fmicm.png)
Caso não saiba como identificar o código de uma determinada cor, clique aqui e veja um site onde você pode fazer isso.
Por fim, clique em "Salvar".
Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar.
Acesse o seu editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng6png_n4lq0o.png)
Clique no ícone de engrenagem localizado no canto superior direito da sua tela;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng2png_1qk8s9c.png)
Em seguida, selecione a opção Javascript/Css;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng3png_13089qz.png)
Clique em "Adicionar código";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng4png_x3hb22.png)
Dê um nome ao código, classifique-o como funcionamento e instale o código abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/screenshot-2022-12-21-140707_autd1w.png)
<style>
#b_00000_0_00a00000000c0 {
background: linear-gradient(45deg, #FC415A, #591BC5);}
</style>
Em seguida, você vai precisar identificar o ID do bloco em que o efeito será aplicado;
Caso você não saiba como identificar o ID de um bloco no GreatPages, clique aqui e veja nosso tutorial.
Depois disso, informe no campo destacado abaixo o código da cor que gostaria de aplicar com o efeito degradê;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/screenshot-2022-12-21-141927_5fmicm.png)
Caso não saiba como identificar o código de uma determinada cor, clique aqui e veja um site onde você pode fazer isso.
Por fim, clique em "Salvar".
Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar.
Atualizado em: 23/12/2022
Obrigado!