В теме не работают пользовательские CSS

  • igort

    (@igort)


    3 года, 11 месяцев назад

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

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

    Вот сам код.

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

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

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

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

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

    (@fevenili)

    3 года, 11 месяцев назад

    куда хотя бы копать?

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

    fevenili

    (@fevenili)

    3 года, 11 месяцев назад

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

    
#cdekfw-pvz-code {
color: #000000 !important;
font-size: 18px !important;
width: 400px !important;
}
    Автор igort

    (@igort)

    3 года, 11 месяцев назад

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

    fevenili

    (@fevenili)

    3 года, 11 месяцев назад

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

    Автор igort

    (@igort)

    3 года, 11 месяцев назад

    @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;
}

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

    Автор igort

    (@igort)

    3 года, 11 месяцев назад

    Вот я … Все перепробовал а именно в этом стели не задал ширину.
    Добавил 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; Не дало результатов, текст улетает.

    Автор igort

    (@igort)

    3 года, 11 месяцев назад

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

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

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

    Автор igort

    (@igort)

    3 года, 11 месяцев назад

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

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

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «В теме не работают пользовательские CSS» закрыта для новых ответов.