Я, кажется, теряю код CSS в нашем нижнем колонтитуле на некоторых страницах - PullRequest
0 голосов
/ 24 мая 2019

Если я зайду на страницы ниже и посмотрю на нижний колонтитул, ссылки в правом столбце будут фиолетовыми кнопками:

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 и используются шаблоны тем), но я не думаю, что код нижнего колонтитула для них отличается.

Должны быть кнопки, где ссылки находятся во втором списке ссылок.

1 Ответ

0 голосов
/ 26 мая 2019

Проблема, которую я вижу, состоит в том, что страницы, которые не отображают кнопки правильно, не загружают файл стиля: https://dev.shiftdivorceguide.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css

Я бы посмотрел, как загрузить его в них, если вы знаете, или, альтернативно, даже если вы повторяете код, вы можете добавить стили кнопок в раздел «Пользовательский CSS» в Customizer и покончить с этим. 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;
}
...