Bitrix24.Sites suportam estilos CSS personalizados. Com a ajuda deles, você pode configurar a aparências dos elementos do site como quiser.
Cor dos elementos
Se você quiser atribuir suas cores corporativas aos elementos do site, você pode atribuí-las ao texto ou fundo dos elementos.
Criaremos um bloco com texto simples e atribuiremos outra cor ao texto.
Abra a página publicada e chame o modo de código fonte da página (por exemplo, Ctrl + Shift + I no Google Chrome).
Para alterar a cor do texto, precisamos do ID e da classe do bloco.
Copie esses parâmetros e insira-os na seguinte expressão:
#block1496 .landing-block-node-title
{
color: #FFFFF0 ;
}
Para alterar a cor de fundo do elemento, copie a classe do bloco e insira-a na seguinte expressão:
#block1496 .block-27-one-col-fix-title-and-text-2 section
{
background-color: #008080 ;
}
A tag section serve para que as alterações sejam aplicadas ao fundo do bloco.
Vá para as Preferências da página:
Clique em Mais > HTML e CSS personalizados e insira os códigos CSS no campo correspondente:
Para visualizar as alterações feitas, recarregue a página publicada. Não é preciso publicar a página de novo.
color: #E9AD99 !important
). Isso pode acontecer se você tentar atribuir um estilo personalizado a elementos, aos quais já foram aplicados estilos padrão do site.Como ocultar um elemento do bloco?
Como um exemplo, ocultaremos os botões Order now no bloco de preços. Para ocultar um elemento do bloco, copie a classe dele.
Chame o modo de código fonte da página.
Adicione a seguinte expressão às Preferências da página:
.landing-block-node-price-button
{
display: none ;
}
Salve as alterações e recarregue a página publicada. Todos os botões desta classe serão ocultadas.