Доброго времени суток, форумчане!
В общем заказал я как-то у одного программиста поменять мне стили на радиобаттонах и чекбоксах на сайте. Дефолтные уж больно для меня не вписывались в стилистику сайта. Денюжку заплатил, тот работу выполнил. Но когда был мною недавно замечен баг, я попытался с ним связаться, но человек куда-то пропал.
Сначала были внесены изменения в стили через Custom CSS и редактирования файлов шаблона, потом ввиду того, что шаблон время от времени обновляется, переделал только на css и добавил все это блок custom css в админке шаблона.
При выборе опций в фильтрах все нормально - http://joxi.ru/52avoWdcGEg6qA
Но когда переходишь на страницу заказа товара, и выбираешь страну или город, радиокнопки пропадают скрин 1 (до выбора, кнопки на месте): http://joxi.ru/LmG5ZONHRwgQGAскрин 2 (после выбора), кнопки пропали:http://joxi.ru/Y2LKn1GCn7MRQm
Я пытался сам ковырять код, но ввиду кривизны моих рук, ничего не получилось.
Может быть вы подскажете что нужно делать?
При необходимости могу скинуть доступ в админку.
Сам кастомный цсс:
input[type="radio"],
input[type="checkbox"] {
position: absolute !important;
top: 0;
left: 0;
opacity: 0;
}
input[type="radio"] + span,
input[type="checkbox"] + span {
padding-left: 22px;
}
input[type="radio"] + span::before,
input[type="checkbox"] + span::before {
content: " ";
position: absolute;
top: 3px;
left: 0;
display: block;
width: 12px;
height: 12px;
visibility: visible;
border: 1px solid #ccc;
box-shadow: inset 0 0 0 2px #fff;
transition: all .2s;
}
input[type="radio"] + span::before {
border-radius: 50%;
}
.radio-inline input[type="radio"] + span::before {
top: 10px;
}
label:hover input[type="radio"] + span::before,
label:hover input[type="checkbox"] + span::before {
border-color: rgba(230, 120, 129, 1);
}
input[type="radio"]:checked + span::before,
input[type="checkbox"]:checked + span::before,
label:hover input[type="radio"]:checked + span::before,
label:hover input[type="checkbox"]:checked + span::before {
background-color: rgba(230, 120, 129, .75);
border-color: rgba(230, 120, 129, .75);
}
.journal-sf ul label input[type=checkbox] {
margin: 0 10px 0 0;
}
Поскольку в мозилле сие не работало, добавили еще джаваскрипта:
jQuery(document).ready(function() {
jQuery('input:radio').each(function () {
jQuery(this.nextSibling).wrap('<span></span>');
});
});
Везде все кнопки вроде на месте, только в странице быстрого поиска не работают.
Очень надеюсь на вашу помощь.
ПС. Тема если что Journal 2, но сомневаюсь, что дело непосредственно в ней, хотя хз.
Спасибо за внимание.