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 Frequentes

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

Sim. Clique no ícone de expansão ao lado do campo Raio para abrir as configurações detalhadas, onde você pode especificar um valor de raio diferente para cada canto individualmente.

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.