button alt

[maarten]

The UPDATE CART button uses class “button”
The PROCEED TO CHECKOUT uses “button alt” (same for the button on the checkout page)

The picture explains it best.

I can’t seem to configure this in the styling options. Removing the alt class in developer console does the trick and makes all buttons look the same.

Any suggestions on how to accomplish this, either through styling in our child theme or moving the woo checkout pages to our child theme?

[maarten]

picture

[Laura]

Hello, do you want all the buttons to be the same style of the “UPDATE CART” ? So you want a style to change “PROCEED TO CHECKOUT” Button?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[maarten]

Yes, we want to change the proceed to checkout button. not sure why, but it has a class of ‘alt’ in addition to button.

[Laura]

Hello, could you share a link of your website? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[maarten]

https://www.interaction-training.com

[Laura]

Hello, please add thi css to style.css of child theme or quick css in general settings

COPY CODE

a.checkout-button.button.alt.wc-forward {
  font-size: 11px;
  margin: 0;
  line-height: 1.5em;
  cursor: pointer;
  position: relative;
  font-family: inherit;
  overflow: visible;
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  left: auto;
  color: #5e5e5e;
  border: 1px solid #e5e5e5;
  white-space: nowrap;
  display: inline-block;
  transition: all 0.4s ease-in-out 0s;
  background-color: rgb(247, 247, 247) !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[maarten]

Thanks! I just couldn’t figure out the right identifier: a.checkout-button.button.alt.wc-forward
This fixes it.

[Laura]

Glad it worked! Please leave us a nice comment and/or a 5 star rating at themeforest 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts