Definir borda arredondada para um vídeo

Como definir uma borda arredondada para seu vídeo

Siga estas etapas abaixo para adicionar uma borda arredondada ao seu vídeo no GemPages v7.

Etapa 1: acesse o editor GemPages

• No seu administrador do Shopify, vá para Construtor GemPages app> PÁGINAS.
• Clique na página em que deseja personalizar o canto do vídeo para abrir o editor.

• Se preferir adicionar o vídeo arredondado à nova página, clique em Crie uma nova página botão.

Etapa 2: adicione um vídeo usando o elemento de vídeo

Após entrar no editor, digite o vídeo na barra de pesquisa. Em seguida, arraste e solte o elemento Vídeo da barra lateral esquerda para a posição desejada na sua página.

Clique no vídeo para abrir suas configurações. Abaixo do Configurações guia, modifique o Fonte de vídeo, Configuração de vídeo, Dimensões: e Shape para o seu vídeo.

Etapa 3: defina um canto arredondado para o vídeo

Desloque-se até o Shape seção sob o Configurações aba.

Clique em “Adicionar…” no Corner campo para abrir a configuração de canto.

Sob o Raio campo, clique no seta para baixo ícone e selecione o Redonda opção no menu suspenso. O raio será definido como 8 como padrão. 

• Se você preferir que o formato dos cantos do vídeo seja mais arredondado, insira um número exato na caixa.

• Se você quiser definir um raio diferente para cada canto, clique no ícone ao lado da caixa para abrir o painel detalhado.

Opções adicionais de estilo

Você pode estilizar ainda mais o elemento Vídeo combinando cantos arredondados com:

• Fronteira: Adicione uma borda com espessura e cor personalizadas
• Shadow: Aplique uma sombra externa para criar profundidade visual

Essas opções também estão disponíveis no Shape seção.

Perguntas

1. Posso aplicar valores diferentes de raio de canto a cada canto?

Atualmente, o raio do canto se aplica igualmente a todos os quatro cantos. Valores personalizados para cantos individuais ainda não são suportados.

2. Por que os cantos arredondados não aparecem na visualização ao vivo?

Certifique-se de que não haja estilos conflitantes ou elementos pai substituindo o raio da borda. Além disso, verifique novamente se o raio do canto não está definido como 0.