时间戳

首页 > 解决方案 > 我似乎在某些页面的页脚中丢失了 CSS 代码

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

问题描述

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

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 插件。这可能是因为他们的模板（第一页设置为默认模板，其他页面设置为博客、bbpress 并使用主题模板），但我认为页脚代码对他们来说没有任何不同。

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

标签： htmlcsswordpresswpbakery

解决方案

我看到的问题是没有正确显示按钮的页面没有加载样式文件：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;
}

推荐阅读