Как изменить цвет кнопки?

Добрый день! Пока только в css. Например так:

#vdz_cb_widget{
     background-color: rgba(82,78,162, 0.5) !important;
     border-color: rgba(82,78,162, 0.3) !important;
 }
#vdz_cb_widget .vdz_cb_widget:hover,
#vdz_cb_widget:before{
    border-color: rgba(82,78,162, 0.5) !important;
}
#vdz_cb_widget:after{
    background-color: rgba(82,78,162, 0.3) !important;
}
.vdz_cb_widget:hover svg{
    fill: #653697 !important;
}

Благодарю!

Всегда пожалуйста ??

А в каком из файлов css хранятся настройки плагина? Я просто…мягко скажем начинающий))

Обычно лучше это делать либо в своем, либо в данном случае лучше через инструмент кастомизации шаблона который находится по этому адресу /wp-admin/customize.php?autofocus[section]=custom_css (нужно авторизоваться и после домена вставить в адресную строку браузера) Выглядит он вот так https://prnt.sc/mj36nd в правой колонке. Еще через “Внешний вид” -> “Настроить” можно зайти
PS: если понравился плагин – проголосуй звездочками, мне будет приятно ??

Спасибо! Да, конечно поставлю звездочки, отличный плагин.

• This reply was modified 5 years, 9 months ago by sniffer84.
• This reply was modified 5 years, 9 months ago by sniffer84.

все что в админке вносится в настройках – безопасно там как раз и можно пробовать + есть подсветка, да стили переобпределяются с приоритетом поэтому там !important в примере – этого должно быть достаточно. Пример с рабочего сайта. Новое узнавать всегда интересно, поэтому не переживай и в бой, немного что то попробуй, что то почитай. Все получится ??

А если !important не поставить? Пробую, за две недели уже голова кипит. Но сайт почти готов, накидать статей осталось. И еще вопрос, думаю не только мне пригодится. Как размер кнопки поменять?))

Написал вот так, все верно?

#vdz_cb_widget{
background-color: rgba(60,224,4, 0.7) !important;
border-color: rgba(60,224,4, 0.7) !important;
width:62px !important;
height:62px !important;
}
#vdz_cb_widget .vdz_cb_widget:hover,
#vdz_cb_widget:before{
border-color: rgba(60,224,4, 0.4) !important;
}
#vdz_cb_widget:after{
background-color: rgba(60,224,4, 0.4) !important;
}
.vdz_cb_widget:hover svg{
fill: #653697 !important;
}
#vdz_cb_widget .vdz_cb_widget span{
min-height:85px;
position:relative;
top:-7px !important;
left:2px !important;
}

Для смены размера достаточно вот эти значения поменять

.vdz_cb_widget span svg{
    margin-top: 8px !important;
}
#vdz_cb_widget{
    width: 60px !important;
    height: 60px !important;
    line-height: 58px !important;
}