Return to previous page

New button on product page by Dokan + button color question

This topic has 5 replies, 3 voices, and was last updated 4 years, 5 months ago ago by tuijatuulia

tuijatuulia

Participant

April 15, 2021 at 00:30

Hi,
There seems to be a new button on product page, added by Dokan.
Like this: https://prnt.sc/11efosx
It is the “Contact seller” button that they have enabled to show on product pages too. How to make it similar size as other buttons and can it be positioned somewhere else, like after the “Share to Social media” buttons?

I also notice that my Add to cart-button has lost the correct color (Contact seller button has the correct color) – where can I change this button color, all other buttons have the correct color (e.g. Add to cart on product carousels and search results)
ok, also Return to shop button is too dark (when search did not find results)

#284269 Copied Theme version: 7.2.7 WooCommerce version: 5.7

4 Answers
Olga Barlow

Participant

April 15, 2021 at 11:28
Hello,

Add the below code to child theme style CSS to make the new button the same height and align it

.dokan-store-support-btn { margin-top: 0; padding: .95rem 2.2rem; height: auto; }

Position of that button is not related to theme but to the Dokan plugin. So, contact Dokan developers if you want to show it next to Share icons.

Add to cart button uses the Dark button styles, so go to Theme Options > Styling > check the bg color settings for the Dark buttons.

Regards
#284323 Copied
tuijatuulia

Participant

April 16, 2021 at 18:21

Oh, this works now better, thank you for the instructions and fast reply!

Other button still wants to escape:
I have on this page in production: https://www.villeriina.net/lahjavinkit/aitienpaivalahjat/
(3rd slider from top) a custom painting “Tilaustaulu” that does not have a price. Looks like this: https://prnt.sc/11j2ov9

Can I somehow align that “Read more” button? I think it is escaping product does (and should not) have a price. It looks better in search: https://prnt.sc/11j2qz3

#284540 Copied
Rose Tyler

Support staff

April 17, 2021 at 09:27
Hello,

Try to use this code:

.carousel-area .product-slide .product_seller { display: block; }

Regards
#284573 Copied
tuijatuulia

Participant

April 18, 2021 at 13:18

Thanks again, you are the best support I have seen!

#284647 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘New button on product page by Dokan + button color question’' has been successfully resolved, and the topic is now closed for further responses

New button on product page by Dokan + button color question

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection