Return to previous page

Adjusting button color in related products

This topic has 5 replies, 2 voices, and was last updated 2 years, 11 months ago ago by Martine

Martine

Participant

December 6, 2021 at 23:26

Hi!

I need some help setting colors in the related products. If you look at this page (https://www.diamondflame.nl/product-category/waterdamp-haarden/) you will see that when you hover over a product with your mouse, the button is red with white letters. I did this using Yellow Pencil. But this does not work with the related products on, for example, this page: https://www.diamondflame.nl/product/vapor-opty-mist-waterdamp-haard-50cm/. I do the same here with yellow pencil as on the archive page, but it is not copied.

The title of the product now changes color. It shouldn’t, but I can’t get it out either. I’ve also tried with “regular css” to adjust this all, but it just doesn’t work.

I know I can set button colors in styling, but I don’t know which of all these buttons (light/dark/bordered/active…) I need to change for this.

Can you help me please?

Please, contact administrator
for this information.

#311075 Copied Theme version: 8.0.8 WooCommerce version: 5.6.0

4 Answers

Olga Barlow

Support staff

December 7, 2021 at 12:54

Hello,

1) I have improved the Yellow pencil code. Check now.
2) Do you mean product title on hover?

Regards

#311110 Copied

Martine

Participant

December 7, 2021 at 13:11

Oh, great! Thanks very much!

Yes, on hover product title turns red. It’s created by accident. But maybe client likes it…. 😉

#311113 Copied

Olga Barlow

Support staff

December 7, 2021 at 15:44

Hello,

I see that it comes from Elementor settings for the links. So, do you prefer to keep that or do you want to remove that?

Regards

#311149 Copied

Martine

Participant

December 7, 2021 at 16:20

Yes, now that you mention it. That is indeed correct. Thank you!

I can fix that myself if needed.

Thanks for your help!

#311156 Copied
Tagged: adjusting, button color, persuasive, related products, templates, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)