Support » Plugin: VDZ CallBack Plugin » Как изменить цвет кнопки?

  • Resolved sniffer84

    (@sniffer84)


    Здравствуйте. Каким образом можно изменить цвет кнопки?

    • This topic was modified 8 months, 1 week ago by  sniffer84.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author VadimZ

    (@vadim8vz)

    Добрый день! Пока только в 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;
    }
    

    Благодарю!

    Plugin Author VadimZ

    (@vadim8vz)

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

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

    Plugin Author VadimZ

    (@vadim8vz)

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

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

    • This reply was modified 8 months, 1 week ago by  sniffer84.
    • This reply was modified 8 months, 1 week ago by  sniffer84.
    Plugin Author VadimZ

    (@vadim8vz)

    все что в админке вносится в настройках – безопасно там как раз и можно пробовать + есть подсветка, да стили переобпределяются с приоритетом поэтому там !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;
    }

    Plugin Author VadimZ

    (@vadim8vz)

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

    
    .vdz_cb_widget span svg{
        margin-top: 8px !important;
    }
    #vdz_cb_widget{
        width: 60px !important;
        height: 60px !important;
        line-height: 58px !important;
    }
    
    
Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Как изменить цвет кнопки?’ is closed to new replies.