Compatibility with Dokan module Q&A

Hi,
I am using the current Version of Woodmart and the Dokan Vendorplugin (dokan.co/de/wordpress).
After activation the Add-On module “Q&A” from Dokan, I have problems with the display of the “Add to cart button”. The color of the button is only visible after mouseover. I have asked Dokan already to check this on their site. They replied that this problem does not appear on their testing environment. I have also tested a different theme and this problem does not appear on this different theme. So I try my last option, to ask you if you can help with this topic.
I have added two screenshots, who describe this problem.

Thats the Dokan Q&A module: https://dokan.co/docs/wordpress/modules/product-qa/

The page is in preparation and not online. But if you want, I can set it online for a short time.

I hope, you can help out with this.

Thanks and best regards,
Matthias

Attachments:

You must be logged in to view attached files.

Hello matthias,

Thank you so much for contacting our support center.

To better assist you, could you kindly test the functionality with default WordPress themes such as TwentyTwenty or WooCommerce Storefront? This will help us determine whether the issue stems from our theme or elsewhere.

Regards

Hello Hung,
yes I have tested it already with storefront and the functionality is working there. It is only happening with Woodmart.

Best,
Matthias

Hello matthias,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, I will take a look and provide solutions if it is possible.

Regards,

Hi, please find below:

Hello matthias,

Thanks for details.

There is CSS rules that override Add to cart’s background-color https://prnt.sc/nWaYkF0bJyn6

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

button.single_add_to_cart_button{
    background-color: var(--btn-accented-bgcolor);
}

Regards,

Hi,
thank you. I have implemented the code and it is working.
Can you please also check for the product type “auctions” see link attached in the private content information below?
There is a button called “Bieten” which means “Bid” for auctions. It seems, that this buttons can be fixed in the same way with css-code?

Thank you very much!

Best,
Matthias

Hello matthias,

Please remove this code https://prnt.sc/lCN306VKAzm0 and use below one:

button.bid_button {
	color: #3b3b3b;
	background-color: #F68B1F;
	border-radius: 25px;
	margin-top: 20px;
	margin-bottom: 3px;
}

Regards,

Perfect, thank you very much for your help!

Hi matthias,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts