Question

如果我转到下面的页面并查看页脚，则右列中的链接为紫色按钮：

https://dev.shiftdivorceguide.com/
https://dev.shiftdivorceguide.com/are-you-safe/
https://dev.shiftdivorceguide.com/trusted-resources/

太好了！正是我们想要的。

但是，如果我转到其他一些页面，它们现在只是链接，后面没有按钮：

https://dev.shiftdivorceguide.com/blog/
https://dev.shiftdivorceguide.com/tales-from-the-divorceside/ (forum page)
https://dev.shiftdivorceguide.com/resource-category/fitness-personal-style/
https://dev.shiftdivorceguide.com/resource/arizona-luxury-art-club/

我们正在使用WordPress 5.2.1。

我已经检查了代码，似乎无法找到导致这些特定页面中断的任何模式。 CSS代码来自主题随附的WPBakery插件。可能是由于它们的模板（第一页设置为默认模板，其他页面设置为Blog，bbpress，并且正在使用主题模板），但是我认为页脚代码对它们没有什么不同。

第二个链接列表上的链接应该有按钮。

Answer 1

我看到的问题是未正确显示按钮的页面未加载样式文件：https://dev.shiftdivorceguide.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css

如果您知道如何将它们加载到它们中，或者即使您正在重复代码，也可以将按钮样式添加到Customizer的“ Custom CSS”部分中并完成此操作。您需要添加的CSS可能是

.vc_btn3.vc_btn3-color-violet, .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat {
        color: #fff;
        background-color: #8d6dc4;
    }
    .vc_btn3.vc_btn3-shape-rounded {
        border-radius: 5px;
    }

.vc_general.vc_btn3 {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

我似乎在某些页面的页脚中丢失了CSS代码

1 个答案: