Layout - Coluna

Passe o mouse sobre a coluna para exibir a caixa de ferramentas e escolha o ícone Configurações ( ).

Altere as configurações de Appearance conforme necessário.

• Escolha a configuração de alinhamento que determina a posição da coluna em relação ao seu contêiner.

  Opção	Descrição
  Full Height	A coluna estende a altura total do contêiner.
  Top Aligned	A coluna é alinhada na parte superior do seu contêiner.
  Centered	A coluna está centralizada no meio do container.
  Bottom Aligned	A coluna é alinhada na parte inferior do seu contêiner.

• Se necessário, insira o Minimum Height para a coluna. Por exemplo, você pode definir a altura mínima para corresponder à altura de uma imagem de plano de fundo.

• Se você definir a altura mínima, defina o Vertical Alignment para controlar a posição dos contêineres de conteúdo adicionados à coluna (Top, Center ou Bottom).

Altere o plano de fundo do conteúdo da coluna.

• Background Color - Especifique a cor escolhendo uma amostra, clicando no seletor de cores ou inserindo um nome de cor válido ou um valor hexadecimal equivalente. Essa configuração determina a cor de fundo da coluna.

• Background Image - Se necessário, use as ferramentas fornecidas para escolher uma imagem de plano de fundo a ser aplicada à coluna:

  Ferramenta	Descrição
  Upload	Faz upload de um arquivo de imagem do seu computador local para a galeria e o aplica como a imagem de plano de fundo para a coluna.
  Select from Gallery	Solicita que você escolha uma imagem existente da galeria como a imagem do plano de fundo para a coluna.
  	Permite que você arraste a imagem para o bloco da câmera ou navegue até a imagem no seu sistema de arquivos local.

• Background Mobile Image - Se necessário, use as mesmas ferramentas para escolher uma imagem de plano de fundo diferente para ser usada para exibição em dispositivos móveis.

• Background Size - Altere esta configuração para determinar como a imagem do plano de fundo é dimensionada em relação à largura da coluna:

  Opção	Descrição
  Cover	A imagem de plano de fundo cobre a largura total da coluna.
  Contain	A imagem de fundo é limitada à largura da área de conteúdo.
  Auto	Aplica o tamanho de plano de fundo padrão especificado na folha de estilos do tema atual.

• Background Position - Altere esta configuração para determinar o ponto de ancoragem da imagem em relação à coluna. Opções: Top Left, Top Center, Top Right, Center Left, Center, Center Right, Bottom Left, Bottom Center ou Bottom Right

• Background Attachment - Altere esta configuração para determinar como a imagem de plano de fundo se move em relação à página de rolagem:

  Opção	Descrição
  Scroll	A imagem de fundo é sincronizada para se mover para baixo conforme a página rola.
  Fixed	(Não disponível para dispositivos móveis) A imagem de plano de fundo não se move conforme o contêiner rola pela imagem e é fixa na posição de plano de fundo especificada.

• Background Repeat - Se quiser repetir a imagem de fundo para preencher o espaço, altere esta configuração Yes.

Atualize as configurações de Advanced ​conforme necessário.

• Para controlar o posicionamento horizontal dos contêineres de conteúdo adicionados à coluna, escolha um Alignment:

  Opção	Descrição
  Default	Aplica a configuração padrão de alinhamento especificada na folha de estilos do tema atual.
  Left	Alinha os contêineres de conteúdo na borda esquerda do contêiner de coluna, com permissão para qualquer preenchimento especificado.
  Center	Alinha o contêiner de conteúdo no centro do contêiner de coluna, com permissão para qualquer preenchimento especificado.
  Right	Alinha o contêiner de conteúdo na borda direita do contêiner de coluna, com permissão para qualquer preenchimento especificado.

• Defina o estilo Border, que é aplicado aos quatro lados do contêiner de coluna:

  Opção	Descrição
  Default	Aplica o estilo de borda padrão especificado pela folha de estilos associada.
  None	Não fornece nenhuma indicação visível das bordas do contêiner.
  Dotted	A borda do contêiner aparece como uma linha pontilhada.
  Dashed	A borda do contêiner aparece como uma linha tracejada.
  Solid	A borda do contêiner aparece como uma linha sólida.
  Double	A borda do contêiner aparece como uma linha dupla.
  Groove	A borda do contêiner é exibida como uma linha com ranhura.
  Ridge	A borda do contêiner aparece como uma linha estriada.
  Inset	A borda do contêiner aparece como uma linha interna.
  Outset	A borda do contêiner aparece como uma linha de saída.

• Se você definir um estilo de borda diferente de None, conclua as opções de exibição de borda:

  Opção	Descrição
  Border Color	Especifique a cor escolhendo uma amostra, clicando no seletor de cores ou inserindo um nome de cor válido ou um valor hexadecimal equivalente.
  Border Width	Insira o número de pixels para a largura da linha de borda.
  Border Radius	Insira o número de pixels para definir o tamanho do raio usado para arredondar cada canto da borda.

• (Opcional) Especifique os nomes de CSS classes da folha de estilos atual para aplicar ao contêiner de coluna.

  Separe vários nomes de classe com um espaço.

• Insira valores, em pixels, para que Margins and Padding especifique as margens externas e o preenchimento interno da coluna.

  Insira cada valor correspondente no diagrama do container da coluna.

  Área de contêiner	Descrição
  Margins	A quantidade de espaço em branco aplicada à borda externa de todos os lados do container. Opções: Top / Right / Bottom / Left
  Padding	A quantidade de espaço em branco aplicada à borda interna de todos os lados do contêiner. Opções: Top / Right / Bottom / Left

Quando terminar, clique em Save para aplicar as configurações e retornar ao espaço de trabalho Page Builder.