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

Attachments:

You must be logged in to view attached files.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts