Cart Page Styling

Hi @meltdown,

To answer your question in more detail you’d have to be clearer on what it is you wanted to achieve with points 2 and 3. However if you’re comfortable with CSS please see below.

1. Go to Theme Options > Title / Breadcrumb Section > Scroll down to “Title/Breadcrumb Section”. You’ll see that you’re using an em wrap for the piece of text. To make the text appear like the rest of the text on your site you can remove the following class="muted".

2. You can alter the appearance of the checkout steps by adding the following with your own custom CSS to your child theme style.css

.woocommerce .checkout-steps {
    background-color: darkmagenta;
    color: #ffffff;
}

3. As before you can edit the following css and add to your child theme style.css
Apply Coupon

.coupon input.button:nth-of-type(2) {
    background-color: darkmagenta;
    color: white;
}

Update Cart

.totals-wrap input.button:nth-of-type(1) {
    background-color: darkmagenta;
    color: #ffffff;
}

If you need more specific CSS let me know what you’re after and I’ll update it for you.

You’re welcome @meltdown, glad I could help 🙂