Como exibir o texto e o número do cronômetro de contagem regressiva em uma única linha

O Elemento de cronômetro de contagem regressiva É um dos elementos mais populares do GemPages para criar senso de urgência e impulsionar conversões em páginas de destino, páginas de produtos e campanhas promocionais do Shopify.

Por padrão, ao arrastar e soltar o elemento Cronômetro Regressivo na sua página, o número e o texto são exibidos em duas linhas separadas:

• O número aparece no topo
• O rótulo de texto aparece abaixo.

Em alguns casos, você pode querer que o texto e o número apareçam em uma única linha, especialmente para layouts mais limpos, barras de anúncios ou seções promocionais compactas.

Este artigo mostra como exibir o texto e o número do cronômetro de contagem regressiva em uma única linha usando código personalizado no GemPages.

Sobre o elemento de contagem regressiva no GemPages

O Elemento de cronômetro de contagem regressiva O GemPages ajuda os lojistas a criar campanhas com prazo determinado para aumentar a urgência e incentivar os clientes a agir mais rapidamente.

Você pode usá-lo para:

• Vendas Relâmpago
• Lançamentos de produtos
• Ofertas por tempo limitado
• Campanhas de férias
• Promoções de pré-venda

Como exibir texto e números em uma única linha

Passo 1: Abra o editor de código personalizado.

No editor GemPages:

• Selecione o elemento Cronômetro de Contagem Regressiva
• Clique com o botão direito do mouse no elemento.
• Escolha Código personalizado

Isso permite adicionar CSS personalizado especificamente para esse elemento, sem afetar o restante da página.

Passo 2: Adicione o código CSS personalizado

Cole o seguinte código na seção Código Personalizado:

classID div#section-countdown > div{

exibição: flex;

alinhar-itens: centro;

lacuna: 5px;

}

Passo 3: Substitua o ID da classe

Antes de salvar, certifique-se de substituir:

ID da classe

com o ID da classe real do seu elemento de temporizador de contagem regressiva.

Passo 4: Salvar e publicar.

Após a aplicação do código, o número da contagem regressiva e o rótulo de texto aparecerão em uma única linha horizontal, em vez de empilhados verticalmente.