如何在 Elementor 中创建、编辑和设置列样式

可以通过左侧 Elementor 面板中的选项或通过右键单击 Column 句柄并从弹出的上下文菜单中进行选择来对列进行操作和设置样式。

右键单击选项 #

如果您希望添加新列或复制列,请右键单击列句柄并从上下文菜单中选择添加新列复制。您还可以使用此处的复制粘贴选项将一列复制并粘贴到另一部分,或者您可以仅将样式(没有内容)从一列复制并粘贴到另一列。单击此处的导航器将打开已设置为该特定列的导航器。当然,单击此处的删除将删除该列。

如果您单击编辑列,该列的选项将显示在左侧的元素面板中,您可以使用以下所有选项。

布局 #

  1. 列宽(%):设置你的列宽
  2. 垂直对齐:设置列内容的垂直对齐方式。这样,您将能够将一个部分的所有列的内容粘贴到底部、顶部的中间,或者“拉伸以填充”以对齐高度不等的列。从顶部、中间、底部、间隔、周围间隔、均匀间隔中选择
  3. 水平对齐:这扩展了内联定位的能力,并允许您水平对齐放置在同一行中的内联小部件。从开始、中心、结束、间隔、周围间隔、均匀间隔中选择
  4. HTML 标记:为您的列设置 HTML 标记。了解有关 HTML 标记的更多信息

空间定义

  • Space Between  – 小部件在列的边缘开始和结束,它们之间的间距相等
  • Space Around  – 小部件等间距,边缘是小部件之间空间大小的一半
  • Space Evenly  – 小部件之间、前后的间距相等

风格 #

背景

背景类型:选择经典(允许您设置背景颜色或图像)、渐变(允许您设置颜色渐变背景)或图像幻灯片背景。


背景叠加(如果选择了背景类型则可用)

  1. 背景类型:选择经典或渐变
  2. 混合模式:设置混合模式
  3. CSS 滤镜:添加模糊、亮度、对比度和饱和度

边界

  1. 边框类型:设置边框类型
  2. 边界半径:设置你的边界半径
  3. 盒子阴影:添加盒子阴影

排版

为该部分设置排版颜色

注意:如果启用默认颜色,“设置排版”颜色将不起作用


先进的 #

先进的

  1. 保证金:设置部分保证金
  2. Padding : 设置部分 Padding
  3. Z-index : 设置 Z-Index。了解有关 Z-Index 的更多信息
  4. 入口 动画:单击下拉菜单选择一个动画。了解有关入口动画的更多信息
  5. CSS ID:为您的列设置一个 CSS ID
  6. CSS 类:为您的列设置 CSS 类
  7. 响应式:在台式机、平板电脑或移动设备上显示或隐藏列

属性(仅限专业版)

  1. 添加您自己的自定义属性了解有关自定义属性的更多信息

运动效果(仅限专业用户)

  1. 滚动效果:设置为,几个附加选项可用。设置VerticalHorizo​​ntalTransparencyBlurRotateScale滚动效果。您可以将这些效果中的每一个应用到不同的设备(台式机、平板电脑或移动设备),并使效果相对于视口或整个页面。单击效果旁边的铅笔图标以设置其选项。
  2. 鼠标效果:设置为,其他选项可用。设置鼠标轨迹效果或3D 倾斜效果。单击效果旁边的铅笔图标以设置其选项。
  3. 入口动画:设置栏目入口动画。当访问者向下滚动页面时,该列将出现您选择的进入动画,例如淡入、放大、弹入等。

反应灵敏

  1. 反转列:滑动以反转列顺序(非常适合移动设备)
  2. 可见性:在台式机、平板电脑或移动设备上显示或隐藏您的部分

自定义 CSS(仅限专业版)

  1. 添加您自己的自定义 CSS。了解有关自定义 CSS 的更多信息

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top