Saltar navegación

[Resuelto] product tab color customization

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Zona horaria del colaborador: Asia/Kolkata (GMT+05:30)

Este tema contiene 4 respuestas, tiene 1 mensaje.

Última actualización por julienV-4 1 month, 1 week ago.

Asistido por: Minesh.

Autor
Mensajes
#2857865
Screenshot_20260422_110306.png

Hi,

I would like to customize the WooCommerce product tabs colors. The active tab has an orange underline and I would like to change this color.
I can't find where to customize this color. Please see attached screenshot.

Cheers

#2857939

Minesh
Colaborador

Idiomas: Inglés (English )

Zona horaria: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Can you please share problem URL and admin access details and let me check what we can do in this case.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

#2858454

Minesh
Colaborador

Idiomas: Inglés (English )

Zona horaria: Asia/Kolkata (GMT+05:30)

Can you tell me what is the hexa color code you want to apply as selected tab underline.

#2858475

#DBE5EC if possible. But it would be nice to be able to do it ourself as the customer might want to change it.
Cheers

#2858479

Minesh
Colaborador

Idiomas: Inglés (English )

Zona horaria: Asia/Kolkata (GMT+05:30)

What you should do is - with your single product content template:
- enlace oculto

Select the "Products Tab" block and with the right sidebar you should select the "Tab" tab and further select the "Active" as shown with the following screenshot:
- enlace oculto

Then, scrolldown and navigate to "Border" section available within the right sidebar within the "Tab" tab and select the round color circle as shown with the following screenshot and popup will appear and then you can input your desired hexa color code with the popup and save the content template and check on the frontend:
- enlace oculto

#2858490

Perfect, thanks! Have an amazing day.