与模块 迪维滑块迪维模板典雅主题 WordPress的,我们可以在我们的网站包括一个滑块主的照片和文字链接到我们的网站上的一篇文章。 让我们来看看如何修改滑块的高度,以适应我们的网页设计不接触任何样式表。 所有的改变将实施将直接对取得的模块配置 迪维构造器 这将有利于我们的工作 网页设计.

迪维滑块:之前和之后

这是前和变更后的滑块的一个例子。

Divi Slider 00 1024x210 Modificar altura del slider Divi

之前在航空维修部调整滑块后

这是原来的设计。 约468px的高度。 这种变化会做的就是让它更薄,300像素。

Divi Slider 01 1024x481 Modificar altura del slider Divi

滑块最终结果迪维

要做到这一点,我们必须在高度,宽度如下调整,并填写每张幻灯片的说明。

Divi Slider 02 1024x481 Modificar altura del slider Divi

参数滑块

迪维设置部分

建设者迪维 我们在页面的紫色和灰色滑块模块全宽度的主要部分。

Divi Slider 03 1024x194 Modificar altura del slider Divi

全角滑块模块迪维

在配置部分,样式设置 自定义CSS,表明高度为300像素。

Divi Slider 04 Modificar altura del slider Divi

自定义CSS滑块

迪维滑块模块设置

内滑块模块 高级设置设计,我们建立了一个 顶部填充 40像素。

Divi Slider 05 Modificar altura del slider Divi

高级设置滑盖设计迪维

然后在样式设置 自定义CSS,表明高度为300像素 主要元素.

Divi Slider 06 Modificar altura del slider Divi

自定义CSS

我们做的一样 滑动的描述标题幻灯片.

Divi Slider 07 Modificar altura del slider Divi

大小滑块滑动迪维

在标签 常规设置,配置每个幻灯片。 理想情况下,你将只有一个滑梯,配置它,然后用所有配置设置克隆。

Divi Slider 08 Modificar altura del slider Divi

迪维幻灯片滑块

在每一张幻灯片,我们会去设置 自定义CSS 并且放了300到的高度:

  • 主要元素
  • 标题幻灯片
  • 幻灯片容器描述
  • 说明幻灯片
  • 幻灯图片
Divi Slider 09 Modificar altura del slider Divi

幻灯片设置滑块迪维

有了这些变化,我们建立 滑块 以最适合我们的网页设计不增加自定义样式给我们 子主题.

保存

保存

保存

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%的折扣 en algunos casos.

AfiliadosDivi Modificar altura del slider Divi

保存

广告

Cookies的使用

本网站使用cookies让你有最佳的用户体验。 如果你继续浏览您同意上述饼干的接受和认可我们 饼干政策,点击了解更多信息的链接。

饼干的通知

用别针把它Pinterest上

分享此

分享

分享这篇文章与您的朋友!