How can I change the color of the ‘Select All’ button?

Hello,

You have two options to change the color:

1. Go to the Design Tab and change the template.
   or,
2. Apply custom CSS code: ?
   body.wpt_table_body .wpt-wrap .all_check_header_footer .button.add_to_cart_all_selected, tr.visible_row.wpt_row td a.wpt_woo_add_cart_button.disabled, body.wpt_table_body .wpt-wrap .all_check_header_footer.all_check_header>span {
   background: red !important;
   }
   
   Here’s an example “red” color. You can change the color code you desire.

Have a Nice Day!

• This reply was modified 9 months, 1 week ago by Md. Ibrahim Khalil.

Thanks for the help today.

I’ll try it.

Have a great day!

I tried adding the CSS code above, but still couldn’t change the color.

Here is the image link where I need help modifying the green button in the picture: https://drive.google.com/file/d/1Lb0yQhMNDkYGW20Jx44IsD6-P9YUuKhY/view?usp=drivesdk

Thanks again!

Can you give us your website’s URL? We need to inspect it.

Best regards,
Ibrahim

Sorry to bother you again, here is the website link:

<span style=”font-size: inherit;”>https://163.27.6.8:8080/keabre/%e8%a8%82%e5%96%ae%e6%9f%a5%e8%a9%a2/</span&gt;

I apologize as the webpage is in Chinese, you might need to translate it yourself.

Thanks again,

keabre

• This reply was modified 9 months, 1 week ago by keabre.
• This reply was modified 9 months, 1 week ago by keabre.
• This reply was modified 9 months, 1 week ago by keabre.

Could you provide the URL where the Product Table is located? This URL opens the cart page.

Sorry,I made a mistake.

https://163.27.6.8:8080/keabre/wpt_product_table/1629/

Use this code: ??

.all_check_header_footer.product-selected .button.add_to_cart_all_selected {
background-color: red !important;
}

Here’s an example “red” color. You can change the color code you desire.

I tried, but it still doesn’t work. Is there any other way to solve this?

Sorry to bother you for so long.

Please try this one – It’s not working in responsive mode so I provided this code: ?

@media (min-width: 300px) and (max-width: 900px) {
.all_check_header_footer.product-selected .button.add_to_cart_all_selected {
background-color: red !important;
}
}

I’m sorry, I’ve tried, but it still doesn’t work.

Maybe there is a mistake on my end.

Help me again,please.

I also apologize for forgetting to mention that I’m viewing the webpage on my phone.

I appreciate your time and assistance.

Can you please share a screen-recorded video or some screenshots of the actions you are taking?

https://drive.google.com/file/d/1MU2ZpPYoExTfvIFdklyGFEZpIICZNiz3/view?usp=drivesdk

I don’t know why it’s still green.

You are using green color code here: Screenshot

I tried deleting it again and even attempted to change the color in that code segment, but it still doesn’t work.

I’am sorry.