您想在价格表小部件中添加图像吗? Elementor ?

专业版Elementor 有一个小部件 价格表 允许在网页上轻松添加价格网格块。 此小部件中包含四个主要元素。

  • 标题:添加您提供的计划的标题。 也就是说“青铜或黄金”。
  • 定价:添加计划的价格。
  • 功能:添加计划提供的功能。
  • 页脚:添加号召性用语按钮
  • 功能区:显示一个功能区,您可以使用它来显示最畅销的计划、当前打折的计划等。

但是这个小部件缺乏的功能是添加图像的能力。

另请参阅: 如何在 Elementor 中创建选项卡式图片库

有时您想添加与您提供的计划相关的徽标、图标或其他图像等图像。 通过一个小技巧,您可以向价格表小部件添加图像。

首先,准备要放置价格表的部分以及列。 将价格表小部件拖动到现有列之一。

转到标签 先进 在左侧面板上打开选项 背景。 单击画笔图标并选择要添加到板上的图像。

如何将图像添加到 Elementor 中的价格表小部件

在选项中 重复, 调成 不重复. 在选项中 切, 调成 包含. 在选项中 位置, 调成 个性化 并设置 X 位置和 Y 位置。

然后转到选项卡 样式 并打开选项 定价。 取消内边距组合并将顶部内边距设置为 170 左右(您可以设置任何值以满足您的需要)。

您可以在选项卡下设置其他样式选项 样式。 作为 定义 文字颜色、排版、按钮颜色等。

另见: 如何使用 Elementor 创建图片库

您可以访问选项卡 包装内容 改变 内容。 为了节省时间,您可以复制自定义的价格表小部件并将其粘贴到以下列中,然后调整 内容 取决于您希望提供的其他计划。

如何将图像添加到 Elementor 中的价格表小部件

立即获取Elementor Pro!

结论

所以 ! 这就是本文的全部内容,它向您展示如何将图像添加到价格表小部件中 Elementor. 如果您对如何到达那里有任何疑问 f让我们知道 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...