如何在 Divi 主题中使用边框拆分导航菜单项：3px？

Question

如何在 Divi 主题中使用边框：3px 的导航栏号召性用语按钮？

或问题：如何在 Divi 主题中使用边框拆分导航菜单项：3px？

图片

#divitheme #divi #problem #AyanSujon

#wordpress

我想在导航菜单中创建一个“号召性用语按钮”，边框：3px 在 Divi 主题 WordPress 中。

拆分“需要任何解决方案”按钮将位于标题右侧，其他菜单项将位于中心，标题徽标将位于左侧。

就是这样。

Answer 1

您只需在 WordPress 菜单页面下添加额外的菜单项并将

CTA button

分配给

header

，即可将

Custom CSS class

添加到

menu

。

截图

在上面的截屏中，您可以看到分配的类是附加菜单项的

cta-button

。如果您没有看到 Custom CSS 文件，请确保在“屏幕选项”下启用它。

现在您只需转到 WP Dashboard > Divi Theme Options > General Settings

 将给定代码添加到 

Custom CSS

字段即可

.cta-button {
    border: 3px solid red;
    border-radius: 19px;
    background: blue;
    box-shadow: 0px 0px 12px 3px violet;
    transition: all .3s 0s;
}
.cta-button a {
    padding: 18px !important;
    color: white !important;
}
.cta-button:hover {
    transform: scale(1.1);
    transition: all .2s 0s;
}

您可以更新代码中的值以根据您的需要自定义按钮。