top_br

Suporte Bitrix24

Nova interface de trabalho com cores e fundos no site

Atualizamos a interface do seletor de cores para sites e lojas. Agora você pode escolher qualquer cor para texto e fundo, ajustar a transparência e alterar a imagem de fundo dos blocos.

A nova interface está disponível para sites, lojas e bases de conhecimento.

Como personalizar as cores dos elementos

Na página do site, clique em Design e selecione o elemento que deseja editar.

No lado esquerdo da página, será aberto uma janela deslizante na qual você pode:

  • Escolher uma das cores sugeridas. A cor se aplicará imediatamente ao elemento que você está editando.
  • Abrir outras combinações de cores e escolher a mais preferível. Para fazer isso, clique no botão More.
  • Escolher uma cor na paleta ou especificar seu código. Para abrir a janela da paleta, clique no código de cor.
  • Como especificar o código de cor

    Clique no botão com o código de cor.

    Especifique a cor no formato HEX e clique em Select.

  • Escolher a cor principal do site como a cor de elemento clicando em Select website primary color. Você especificou a cor principal no momento da criação do site.
  • Ajustar a transparência da cor. Para fazer isso, clique em Opacity e selecione o valor desejado.
  • Para retornar à cor padrão, clique no ícone de seta de Revert to default color.

Como personalizar as cores de fundo

Agora você pode escolher qualquer cor de fundo. Vá para a guia Color fill e selecione a opção apropriada.

As configurações de cor de fundo são semelhantes às configurações de cor de texto, com uma exceção: o fundo pode ter uma textura gradiente. Para fazer isso, abra a guia Gradients e selecione a opção apropriada.

Os gradientes podem ser circulares ou lineares. Você pode trocar as cores de lugar ou virá-las.

A opção Opacity(transparência) afeta todo o fundo, e não as cores individuais do gradiente.

Como alterar a imagem de fundo

A imagem de fundo pode ser colocada apenas para os blocos onde ela não é definida por padrão.

Na janela deslizante, vá para a guia Image.

Clique em Carregar e selecione a opção apropriada. Você também pode simplesmente arrastar a imagem para a área Arraste e Solte.

Quando a imagem for carregada, ela se tornará o fundo do bloco.

Se o texto do bloco estiver difícil de ver, você pode alterar a cor do texto ou sobrepor a cor na imagem de fundo. Para fazer isso, clique na guia Color overlay e selecione a opção apropriada.


Isso ajudou
Obrigado :)
Opcional:
Deixar comentário sobre o artigo
Isso não ajudou
Desculpa :(
Você poderia nos dizer por que:
Deixar comentário sobre o artigo
Suporte dos parceiros