custom button

  • Resolved just.yupi

    (@justyup)


    7 years, 2 months ago

    how to change css style of button at dasboard wc vendor (free version) i use change this code but its just efect at button dasboard not at other page.

    a.button.product,
    a.button.shop_coupon {
    background-color:#0c71c3;
    color:#fff;
    }
    a.button.product:hover, a.button.shop_coupon:hover {
    opacity:.70;
    color:#fff;
    text-decoration: none;
    }
    a.wcv-button.button {
    padding: 8px 16px;
    }
    a.button.product, a.button.shop_coupon {
    padding: 8px 16px;
    }

    /* background color- changed to the color #00b8c7 */
    .wcv-navigation ul.menu.black {
    background: #000104;
    }
    /* the menu link text */
    .wcv-navigation ul.menu.black li a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    }
    /* The active link background color */
    .wcv-navigation ul.menu.black li.active {
    background: #0c71c3;
    }
    /* the hover link background color */
    .wcv-navigation ul.menu.horizontal > li:first-child a:hover , .wcv-navigation ul.menu.horizontal li a:hover {
    background: #0c71c3;
    }

    this capture screen my page
    https://drive.google.com/file/d/1IkkYLZ8Y1puNBHawI3M-b5OD0GSM0Ior/view?usp=sharing

Viewing 1 replies (of 1 total)

  • Hello,
    That is the WC Vendors Pro front-end add product form.
    This works for those to buttons if placed in wp admin > appearance > customize > additional CSS:

    input#product_save_button.wcv-button {
background-color: #202325;
border-color: #008080;
color: #008080;
}
input#draft_button.wcv-button {
background-color: #008080;
border-color: #202325;
color: #202325;
}

    Cheers,

Viewing 1 replies (of 1 total)
  • The topic ‘custom button’ is closed to new replies.