Gerenciador de estilos no novo construtor de e-mails

Alinhado ao gerenciador de camadas e menu de blocos, está o gerenciador de estilos, representado pelo ícone de um pincel.

Por aqui, você encontra opções aprimoradas de edição do elemento selecionado. Note que o campo ”Selecionado” é dinâmico, e exibe o tipo e o identificador do bloco no corpo do e-mail que estiver selecionado no momento. 

Além disso, as opções de personalização do estilo podem variar de acordo com o elemento selecionado. Por exemplo, uma imagem não possui texto, portanto não exibe opções de personalização da tipografia.

Vamos ver abaixo as possibilidades que cada segmento da aba de estilos oferece.

TIPOGRAFIA

Em tipografia, é possível personalizar o texto, desde o tamanho da fonte até o alinhamento, a altura da linha e a cor, além dos  efeitos. Sinta-se à vontade para explorar cada uma das opções de personalização oferecidas.

APARÊNCIA

Aqui você define a opacidade do componente, dimensões, raio e estilo da borda, além da cor de fundo.

LAYOUT

Já tentou arrastar um bloco na tela e não obteve o resultado que esperava? Não se preocupe, veja como posicionar seu componente:

DICA: Clique no local destacado para definir se o layout será definido em px (pixels), rem, em ou porcentagem (%) do espaço da tela.

Clicando no quadrado maior da margem, o menu irá se expandir, exibindo as 4 direções (cima, baixo, direita e esquerda), onde é possível inserir um valor para definição da posição exata. Observe como funciona:

Em espaçamento, é possível parametrizar a margem interna do componente que o conteúdo dele deverá respeitar.

DICA: Repare no clipe acima que é possível alterar facilmente o valor dos campos clicando, segurando e arrastando, para cima (aumentar) ou para baixo (diminuir), o ícone em destaque abaixo:

Quando o elemento selecionado for uma coluna, esse segmento incluirá também opções de alinhamento, onde você pode definir exatamente com qual orientação o conteúdo do componente deverá ser enquadrado.

DIMENSÃO

Aqui, é possível modificar a altura e a largura do componente. Também pode limitar as duas dimensões a um valor máximo.

DICA: Clique no “X” para limpar o valor inserido no campo.

Caso tenha alguma dúvida, não deixe de compartilhá-la com algum especialista Rubeus ou em nossa Comunidade. Até a próxima!