Editor X: configurar conteúdo excedido para contêineres e seções

4 min de leitura
O Editor X está em transição para o Wix Studio, nossa nova plataforma para agências e freelancers.Saiba mais sobre o Wix Studio
Você pode perceber que o conteúdo dentro de um contêiner ou de uma seção está muito grande e atravessa as bordas. O Editor X permite que você decida o que acontece com esse excesso em cada breakpoint. Você pode optar por mostrar o conteúdo ou recortar as bordas e ocultar os excessos.
Neste artigo, saiba como:
Dica:
O conteúdo não transborda da parte inferior de um contêiner ou seção se a altura estiver definida como Auto. Isso ocorre porque ele é redimensionado automaticamente para ajustar o conteúdo.

Mostrar conteúdo excedido

Você pode optar por mostrar o conteúdo excedido, mesmo que ele seja grande demais para caber dentro do seu contêiner ou seção.
Observação:
Por definição, o conteúdo excedido é definido como Mostrar

Para mostrar o conteúdo excedido:

  1. Clique no contêiner ou seção relevante.
  2. Clique no ícone Inspetor na parte superior do Editor X.
  3. Clique na aba Layout .
  4. Selecione Mostrar no dropdown Conteúdo excedido.
No exemplo abaixo, você pode ver que o texto excedido ainda é exibido:

Ocultar conteúdo excedido

Você pode ocultar o conteúdo que é muito grande e transborda para fora de uma seção ou contêiner. O conteúdo é cortado para que os visitantes não o vejam.

Para ocultar o conteúdo excedido:

  1. Clique no contêiner ou seção relevante.
  2. Clique no ícone Inspetor na parte superior do Editor X.
  3. Clique na aba Layout .
  4. Selecione Ocultar no dropdown Conteúdo excedido.
No exemplo abaixo, você pode ver que o texto excedente é cortado e oculto:

Rolar pelo conteúdo excedido

Adicione o conteúdo desejado a uma seção ou contêiner e defina o excedente para ser mostrado na rolagem. Você pode escolher se deseja ou não adicionar uma barra de rolagem e também definir a direção de rolagem (vertical, horizontal ou ambas).

Para rolar o conteúdo excedido:

  1. Clique no contêiner ou seção relevante.
  2. Clique no ícone Inspetor na parte superior do Editor X.
  3. Clique na aba Layout .
  4. Selecione Rolar no dropdown Conteúdo excedido.
  5. Clique no dropdown Direção de rolagem e escolha se deseja que a rolagem seja vertical, horizontal ou ambas.
  6. Clique na alavanca para mostrar ou ocultar a barra de rolagem.
No exemplo abaixo, os visitantes podem rolar para baixo para ver o texto excedente:

Esse artigo foi útil?

|