Изменить цвет фона виджета в ICMS2
Затем в файле стилей theme-widgets.css (в принципе можно в любом другом, который подключен к странице) прописываете:
.my_super_color{background: none !important;}
.my_super_color{background-color: rgba(255,255,255,0) !important;}
В настройках виджета в поле CSS пишете любое слово (название класса), например my_super_color.
Затем в файле стилей theme-widgets.css (в принципе можно в любом другом, который подключен к странице) прописываете:
или
.my_super_color{background: none !important;}
.my_super_color{background-color: rgba(255,255,255,0) !important;}
То ли руки не из того места растут. Все в точности как Вы сказали делаю. Толку 0
В настройках виджета в поле CSS пишете любое слово (название класса), например my_super_color.
Затем в файле стилей theme-widgets.css (в принципе можно в любом другом, который подключен к странице) прописываете:
или
.my_super_color{background: none !important;}
.my_super_color{background-color: rgba(255,255,255,0) !important;}
/* Widgets layout =========================================================== */
.widget {
background:#FFF;
margin-bottom:10px;
border-radius: 8px;
}
.my_super_color{
background-color: rgba(255,255,255,0) !important;
}
.widget:last-child {
margin-bottom: 0;
}
Вот как делаю
В настройках виджета в поле CSS пишете любое слово (название класса), например my_super_color.
Затем в файле стилей theme-widgets.css (в принципе можно в любом другом, который подключен к странице) прописываете:
или
.my_super_color{background: none !important;}
.my_super_color{background-color: rgba(255,255,255,0) !important;}
А если указывать цвет к примеру #CF2A3C то все работает! Но мне нужно прозрачный фон сделать
Дык назначется селектор только телу:
В настройках виджета в поле CSS пишете любое слово (название класса), например my_super_color.
Затем в файле стилей theme-widgets.css (в принципе можно в любом другом, который подключен к странице) прописываете:
или
.my_super_color{background: none !important;}
.my_super_color{background-color: rgba(255,255,255,0) !important;}
<div class="body<?php if ($widget['class']) { ?> <?php echo $widget['class']; } ?>">
<div class="widget<?php if ($widget['class']) { ?> <?php echo $widget['class']; } ?>">
В
уже сделаноinstantcms.ru/blogs/esli-dolgo-muchitsja/tseso-te-zhe-tolko-sboku.html
Класс присваивается телу виджета а не всему виджету =((( А цвет фона задается в родительском теге от нашего класса...
Вариантов несколько:
1. Залить фон цветом (или картинкой) который соответствует цвету фона страницы — т.е. создать псевдопрозрачность.
2. Использовать JS. Но для решения такой узкой задачи я считаю не надо!
3. Где то в настройках виджета (или в его шаблоне), можно задать пустую обертку. Там изначально нет никакого оформления виджета (в том числе и его фона). А затем воссоздать с нуля все что вам надо. Так например сделан виджет поиска и, по моему, виджет "Аватар пользователя"
На самом деле и прозрачный делается, только под ним (под прозрачным) лежит белый фон!Цветной фон делается а прозрачный не хочет никак