Vendor setup wizard CSS change

Sometimes you want to apply custom CSS to change the colour of the setup wizard. For example, if you want to change the colour of the , add this code in the function.php of your theme :

add_action('mvx_vendor_head', 'custom_css_dashboard', 999);
function custom_css_dashboard() { ?>
    <style type="text/css">
        p.wc-setup-actions a.button-primary.button.button-large.button-next {
            background: green !important;
            border-color: green !important;
            text-shadow: 1px 1px green !important;
        }
        input.button-primary.button.button-large.button-next {
            background: green !important;
            border-color: green !important;
            text-shadow: 1px 1px green !important;
        }
        a.button.button-primary.button-large {
            background: green !important;
            border-color: green !important;
            text-shadow: 1px 1px green !important;
        }
    </style>
    <?php
}

The above code will give you modification like this :

For any additional css, you need to add the code after <style type=”text/css”> and before </style>

Leave a Reply