Sorry, I figured out the guest option. I just didn’t notice the button because it was so small and to the right.
But any help with the other items would be appreciated.
Both (2) and (3) are small design compatibility issues with the theme.
(2) Would you please add the following CSS rule to your website:
.woocommerce_checkout_login #customer_login .u-column1 {
width: 46%; float: left;
}
.woocommerce_checkout_login #customer_login .u-column2 {
width: 46%; float: left; margin-left: 6%;
}
You can use the “WP Admin -> Appearance -> Customize -> Additional CSS” page to add the CSS rule.
(3) If you check the “Use the plugin’s buttons” option on the “WP Admin -> WooCommerce -> Multi-Step Checkout Pro -> Design” page, do the buttons’ design change to black background and white font?
Wow, thank you for such a quick reply.
The script you gave me for two columns worked great.
I also checked the box for “use the plugin’s buttons”. The color scheme matches, but the font looks different, so it looks a little off. But I am guessing that’s the best we can do.
Thanks for your help. I understand it’s not your plugin, but an issue with my theme.
If you add the following CSS rules additionally to the previous ones, then the buttons will look perfectly like the “Login” and “Register” buttons:
.wpmc-button {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: 0;
line-height: 16px;
letter-spacing: .1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: 700;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
padding: 17px 32px;
font-size: 13px;
cursor: pointer;
z-index: 3;
font-family: Dosis,sans-serif;
}
.wpmc-button::after, .wpmc-button::before, .wpmc-button:hover {
padding: 17px 32px;
border: none;
color: white;
font-size: 13px;
}
Thank you! Works great!!!
