Return to previous page

Toggle Title - by ejder077 - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

ejder077

Participant

July 14, 2018 at 09:36

Hi,

May I ask how can I change the color of toggle title (https://prntscr.com/k6c6at) / (https://prntscr.com/k6c6fe)at the same time but not editing them one by one? Can I change them by the “Extra class name” function (https://prntscr.com/k6c67b)?

Thank you

#196669 Copied

7 Answers
Rose Tyler

Support staff

July 16, 2018 at 08:15
Hello,

Here is an example of custom css code:
```
.faq h4 {
    color: red;
}
.faq .vc_toggle_icon::before {
    border-color: red !important;
}
```
You can add this code in Global Custom css or in custom css for required page https://prnt.sc/k6x4qd

Regards
#196692 Copied
ejder077

Participant

July 16, 2018 at 12:29

HI,

I changed the color to #cccccc:

.faq h4 {
color: #cccccc;
}
.faq .vc_toggle_icon::before {
border-color: #cccccc !important;

It seems to be ok in PC, but the color of the questions do not change when I look at the page on my phone.

How can I fix it?

Here is the link: http://bra-plus.com/faq/

Thank you

#196717 Copied

Rose Tyler

Support staff

July 16, 2018 at 12:33

Hello,

Please clear browser cache on your phone and then check the color.

Regards

#196720 Copied

ejder077

Participant

July 26, 2018 at 15:44

Hi,

I have checked by 3 devices with different browsers, but the color of the questions still do not change.

This is a very serious problem for me as this problem occurs in many settings. Not only in this toggle color setting.

I cleared the cache for many times so please do not ask me to clear the cache again and again.

Here are the screenshots:

Chrome Android: https://prntscr.com/kbc7mg
Chrome PC 1: https://prntscr.com/kbc7x4
Microsoft Edge PC 1: https://prntscr.com/kbc8m2
Safari IOS: https://prntscr.com/kbc902
Chrome IOS: https://prntscr.com/kbcbgm

Thank you

#197345 Copied
Rose Tyler

Support staff

July 26, 2018 at 16:02
Hello,

Please change this custom css code http://prntscr.com/kbcqlw
to:
```
.faq h4 {
    color: #cccccc;
}
.faq .vc_toggle_icon::before {
    border-color: #cccccc !important
    border-color: #cccccc !important;
}
```
and add custom faq class here http://prntscr.com/kbcr97

Regards
#197349 Copied
ejder077

Participant

July 27, 2018 at 08:05

Thank you very much. It works.

#197358 Copied

Rose Tyler

Support staff

July 27, 2018 at 08:21

You’re welcome!

Regards

#197360 Copied
Viewing 8 results - 1 through 8 (of 8 total)