添加标题小部件,更改
Posted: Tue Dec 17, 2024 5:07 am
文本,然后从顶部标题(关于)复制并粘贴样式。然后,复制标题并更改文本以获得: 使用 Elementor 51 创建登录页面。 它看起来并不完美,所以让我们做一些微调: 使文本稍微大一点(样式 > 字体 > 大小 > 120 像素)。 使标题彼此更接近(选择顶部标题 > 高级 > 底部边距(-45);选择第二个标题 > 边距 > 底部(50 像素)> 左侧(-20 像素))。 添加图标。我们从“关于”中取出一个图标。转到页面顶部,复制放大镜图标,然后将其粘贴到顶部标题中(对齐 > 左侧和边距 > 左侧 (-35) > 底部 (-55))。
在第二个标题下添加一个表单小部件。关闭标签。添加项 南非手机号几位数 目 >类型 (Tel) > 占位符 (TEL) > 输入大小 (中) > 对齐 (右)。 您可以更改文本(提交按钮 > 文本)。 在文本后添加一个图标(在本例中为 Icon > motorcycle)。在文本后设置其位置(Icon Position > After)。在本例中,我们为其指定中等尺寸和较大间距(20)。 增加字段之间的空间(样式 > 表单 > 行间距> 22)。在本例中,我们将文本颜色改为白色,将背景颜色不透明度降至最低,并仅在底部添加边框(字段 > 边框颜色(白色),边框宽度 > 底部> 2,并设置零边框半径)。
设置按钮样式(样式 > 按钮)。将颜色改为黄色,将文本颜色改为粉色(与背景颜色相同)。将边框半径设置为 50 像素。 稍微自定义一下表单(高级 > 边距 > 左> 12)。 到目前为止,你必须获得此表格: 使用 Elementor 52 创建登录页面。 现在,让我们定制一个用户友好的菜单。 首先,让我们制作一个粘性菜单部分。返回页面顶部,选择此部分并进行编辑: 使用 Elementor 53 创建登录页面。 现在,转到高级 > 滚动效果 > 粘性 > 顶部。在“粘性开启”下,您可以选择菜单将在哪些设备上粘性。让我们添加一些锚点(元素 > 菜单 > 菜单锚点- 将小部件拖到“关于”部分并将其移动到标题顶部: 将其命名为 ABOUT(菜单锚点的 ID)。
在第二个标题下添加一个表单小部件。关闭标签。添加项 南非手机号几位数 目 >类型 (Tel) > 占位符 (TEL) > 输入大小 (中) > 对齐 (右)。 您可以更改文本(提交按钮 > 文本)。 在文本后添加一个图标(在本例中为 Icon > motorcycle)。在文本后设置其位置(Icon Position > After)。在本例中,我们为其指定中等尺寸和较大间距(20)。 增加字段之间的空间(样式 > 表单 > 行间距> 22)。在本例中,我们将文本颜色改为白色,将背景颜色不透明度降至最低,并仅在底部添加边框(字段 > 边框颜色(白色),边框宽度 > 底部> 2,并设置零边框半径)。
设置按钮样式(样式 > 按钮)。将颜色改为黄色,将文本颜色改为粉色(与背景颜色相同)。将边框半径设置为 50 像素。 稍微自定义一下表单(高级 > 边距 > 左> 12)。 到目前为止,你必须获得此表格: 使用 Elementor 52 创建登录页面。 现在,让我们定制一个用户友好的菜单。 首先,让我们制作一个粘性菜单部分。返回页面顶部,选择此部分并进行编辑: 使用 Elementor 53 创建登录页面。 现在,转到高级 > 滚动效果 > 粘性 > 顶部。在“粘性开启”下,您可以选择菜单将在哪些设备上粘性。让我们添加一些锚点(元素 > 菜单 > 菜单锚点- 将小部件拖到“关于”部分并将其移动到标题顶部: 将其命名为 ABOUT(菜单锚点的 ID)。