Change background color on add to chart product button "backorder"

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart ThemeChange background color on add to chart product button "backorder"

This topic has been marked as resolved.

Dear support team,

I am currently using one extension that gives the customer opportunity to send their contact info and receive a notice when products are back in stock again.

Right now my “add to chart” buttons uses green background color, and I want to change the other buttons for the “notify me” function to orange instead. I have tried to figure out the class for this buttons and I have found: “btn btn-lg enquerynow” but I can´t change the background color for this buttons.

Is it also possible to get rid of the icon that shows up on smaller screens and using the button text instead? I can´t find the settings for this.

Best regards Thomas

November 20, 2018 at 10:44 pm #66139

Hi Thomas,

Here is the CSS code that you need:

.btn.btn.btn.enquerynow:not(:hover) {
  background-color: darkorange !important;

Unfortunately by default buttons have a high CSS rule specificity that you need to override.

ThemeBurn team

November 22, 2018 at 1:48 pm #66190

Awesome! It works like a charm now!

Many thanks. Now I have orange background color on backorder buttons instead.

The ordinary “Add to chart” button does not contain any icons, but the backorder buttons have this little small fa icon to the left. Where can I find the information to:

1. Change this fa icon?
2. Hide this icon and use the ordinary button text instead?

Best regards Thomas

November 22, 2018 at 9:44 pm #66216

Hi Thomas,

This icon comes from the script (3rd party extension) that swaps the default buy button. You need to either:

1) Modify the vendor JS.

2) Use some custom CSS to hide the icon:

.btn.enquerynow .fa {
  display: none;
.btn.enquerynow span {
  display: inline !important;

ThemeBurn team

November 27, 2018 at 11:56 am #66299

Well done guys, works like a charm!

Thanks and cheers!

Best regards Thomas

November 27, 2018 at 11:00 pm #66304

Glad to be of assistance!

ThemeBurn team

December 3, 2018 at 10:57 am #66345
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.