wordpress - 中心元素中带有图标的文本路径

Question

我正在尝试在 elementor 中的圆形文本路径的中心添加一个图标，使其看起来如下图所示：

使用文本路径和图标在 elementor 中执行此操作的最佳方法是什么？

标签： wordpresswordpress-themingelementor

Answer 1

嗨，亨利，您可以通过以下步骤轻松做到这一点：

1. 添加一个文本路径，使其变成圆形并设置它的大小。

2. 添加一个图标，给它一个ID并设置它的大小，使其位置为绝对，将其偏移量设置为圆形大小的一半。

3. 在图标上添加这个 CSS 规则（图标的 ID 是 tho-icon，图标大小是 66px）：

    #tho-icon{
    height: 66px;
    transform:translate(-50%, -50%);
   }
   

我在这里制作了一个简短的视频指南，以防我的指示不清楚