Com o módulo Divi Slider da Modelo Divi Elegant Themes WordPress podemos incluir no nosso site uma foto principal deslizante e texto para conectar-se a um artigo em nosso site. Vamos ver como podemos modificar a altura do controle deslizante para ajustar o design do nosso web sem tocar estilo nada. Todas as mudanças serão implementadas será feita diretamente sobre a configuração do módulo no Divi contructor o que facilitará o nosso trabalho Desenho web.

Divi Slider: Antes e depois

Este é um exemplo de um deslizante, antes e depois de fazer as alterações.

Divi Slider 00 1024x210 Modificar altura del slider Divi

Antes e depois de redimensionar o controle deslizante no Divi

Este foi o projeto original. Com uma altura de cerca de 468px. A mudança irá fazê-lo é torná-lo mais fino, 300px.

Divi Slider 01 1024x481 Modificar altura del slider Divi

Slider Divi resultado final

Para fazer isso, devemos fazer os seguintes ajustes de altura, largura e preencher a descrição de cada slide.

Divi Slider 02 1024x481 Modificar altura del slider Divi

parâmetros deslizante

configurações Divi Seção

No divi construtor temos uma seção principal no módulo deslizante largura total roxo e cinzento da página.

Divi Slider 03 1024x194 Modificar altura del slider Divi

Fullwidth Slider módulo de Divi

Dentro da seção de configuração, definições de estilo CSS personalizadoIndicam que a altura é de 300px.

Divi Slider 04 Modificar altura del slider Divi

Costume CSS Slider

Divi Configurações Módulo Slider

Dentro do módulo deslizante em design de configurações avançadas, Montamos um enchimento superior 40px.

Divi Slider 05 Modificar altura del slider Divi

Configurações Avançadas Slider Divi projeto

Então, em configurações de estilo CSS personalizadoIndicam que a altura é de 300px para principal elemento.

Divi Slider 06 Modificar altura del slider Divi

CSS personalizado

Fazemos o mesmo para o Descrição da corrediça e slide de título.

Divi Slider 07 Modificar altura del slider Divi

Tamanho slider Divi

Na guia configurações gerais, Configurar cada um dos slides. Idealmente, você teria apenas um slide, configurá-lo, e depois cloná-lo com todas as definições de configuração.

Divi Slider 08 Modificar altura del slider Divi

lâminas Divi Slider

Dentro de cada slide, vamos para as configurações CSS personalizado e colocar uma altura de 300px para:

  • principal elemento
  • slide de título
  • A inscrição recipiente de lâminas
  • Descrição Deslize
  • imagem do slide
Divi Slider 09 Modificar altura del slider Divi

Deslize Configurações Slider Divi

Com essas mudanças, montamos a nossa deslizante para melhor se adequar o design do nosso web sem adicionar estilos personalizados para a nossa Tema criança.

Salvar

Salvar

Salvar

Si te ha parecido interesante este artículo y crees que Divi puede ayudarte con tu proyecto Web y estás pensando en comprarlo, te pido que lo hagas pinchando en la siguiente imagen. Estoy afiliado a ElegantThemes y me llevaría una pequeña comisión si llegas a comprarlo. De esta manera me ayudas a mantener el blog y a escribir más artículos como este.

Si además, te haces suscriptor de ElegantThemes, podrás comprarlo con hasta un 20% de desconto en algunos casos.

AfiliadosDivi Modificar altura del slider Divi

Salvar

anúncios

Uso de Cookies

Este site usa cookies para que você tenha a melhor experiência do usuário. Se você continuar a navegar você concorda com a aceitação dos cookies acima mencionadas e aceitação do nosso Política de cookies, Clique no link para mais informações.

ESTÁ BEM
Aviso de cookies

Fixá-lo no Pinterest

Compartilhe Este

Ação

Compartilhe esse artigo com seus amigos!