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

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

右键单击选项 #

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

如果单击Edit Column,则该列的选项将显示在左侧的 Elementor 面板中,并且您可以使用以下所有选项。

布局 #

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

空间定义

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

风格 #

背景

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


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

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

边界

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

排版

为该部分设置排版颜色

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


先进的 #

先进的

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

属性(仅限专业版)

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

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

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

响应式

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

自定义 CSS(仅限专业版)

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

Powered by BetterDocs

发表回复

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

Scroll to Top