Поддержка Темы и шаблоны В теме не работают пользовательские CSS

  • Всем добрый день. Не могу внедрить свои стили CSS.

    Уже пробовал в меню самой темы и в файле style.css и через плагины. Но как только загружается страница видно что стиль применяется, но в конце загрузки он опять скидывается до дефолтного темы.

    Вот сам код.

    #cdekfw-pvz-code {
    color: #000000;
    font-size: 18px;
    width: 400px;
    }

    В чем проблема, плагин доставки СДЭК настроен на работу со стандартным выпадающем меню, когда подгружается вид этого меню от темы, все съезжает. Как альтернативный вариант можно было бы вернуть стандартный стиль выпадающего меню, но не понятно как это сделать.

    Помоги пожалуйста советом, куда хотя бы копать?

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • куда хотя бы копать?

    Возможно дело в весе селектора.

    Попробуйте добавить !important:

    
    #cdekfw-pvz-code {
    color: #000000 !important;
    font-size: 18px !important;
    width: 400px !important;
    }
    
    

    К сожалению не подходит. Но по видимому сам код не поможет. Что увидел, эти кодом я изменяю стиль выпадающего меню, но это меню от WordPress, а потом подгружаются стили от темы Avada и все меняется.

    На указанной вами странице нет тега с идентификатором cdekfw-pvz-code

    @fevenili да, скорее всего вы правы. Использовал плагин SiteOrigin CSS, а в нем отображался именно этот стиль.

    Но других методов выявить не удалось. День уже потратил, даже вроде нашел что поле выбора доставки занимает 40%, но как изменить команду не подобрал. Удалось только изменить цвет, размер шрифта, выравнивание.

    #shipping_method.woocommerce-shipping-methods {
      color: #000000;
      text-indent: -12px;
      letter-spacing: 0px;
      padding: 0px;
      font-size: 14px;
      line-height: 22px;
      text-align: left;
    }

    А вот ширина никак не увеличивается.

    Вот я … Все перепробовал а именно в этом стели не задал ширину.
    Добавил width: 300px;
    Итого:

    #shipping_method.woocommerce-shipping-methods {
      color: #000000;
      text-indent: -12px;
      letter-spacing: 0px;
      padding: 0px;
      font-size: 14px;
      line-height: 22px;
      text-align: left;
      width: 300px;
    }

    И все заработало. Однако радость была не долгой, в мобильной версии сайта все равно во что-то упирается и занимаем меньше 50% ширины экрана. Увеличение width: ХХХpx; Не дало результатов, текст улетает.

    Итак, удалось полностью убрать бокс со словами Подитог, Доставка, Итог стилем:

    .checkout .shop_table tfoot th {
      display: none;
    }

    Однако суммы подитог и итог остались. Можно как-то через стиль перед этими цифрами добавить текст (Подитог, Итого)?

    Итого два коробки
    Текст: Подитог, Доставка, Итог
    .checkout .shop_table tfoot th
    и
    Виды доставки
    #shipping_method.woocommerce-shipping-methods

    Ширину этих блоков менять можно, но делят экран они только 50/50%, а мне надо примерно 20/80. Может у кого-нибудь есть идеи как это можно сделать?

Просмотр 8 ответов — с 1 по 8 (всего 8)