AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] How to change the colour of a Spoiler Title

7 Posts
2 Users
1 Reactions
2,897 Views
Posts: 57
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@amitkool21)
Trusted Member
Joined: 7 years ago
[#23952]

Hello,

 

As the topic says, How can we change the colour of a Spoiler Title ? 

For Example :

Spoiler
Hello
This is an example

How to change the colour of Spoiler Title Hello, Because If we change it with the formatting buttons, the whole Spoiler section gets hidden.

Thank You.


6 Replies
Tutrix
Posts: 1519
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@tutrix)
Noble Member
Joined: 6 years ago

@amitkool21

Example 😉 

#wpforo #wpforo-wrap .wpf-spoiler-wrap .wpf-spoiler-title {
  color: #ff0000;
}

1 Reply
(@amitkool21)
Joined: 7 years ago

Trusted Member
Posts: 57
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

Thanks @tutrix 

It worked flawlessly, But what if we want to change the colour of 3 spoilers in a post with different different colours ?


Tutrix
Posts: 1519
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@tutrix)
Noble Member
Joined: 6 years ago

@amitkool21

#wpforo #wpforo-wrap .wpf-spoiler-wrap .wpf-spoiler-title {
 color: #ff0000;
}
#wpforo #wpforo-wrap .wpf-spoiler-wrap:nth-of-type(2n) .wpf-spoiler-title {
 color: #ff9900;
}
#wpforo #wpforo-wrap .wpf-spoiler-wrap:nth-of-type(3n) .wpf-spoiler-title {
 color: #17a2b8;
}

3 Replies
(@amitkool21)
Joined: 7 years ago

Trusted Member
Posts: 57
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

Thanks again @tutrix 

That's a nice workaround. But there's a problem, Suppose I create an another topic in forums and need different colour on second spoiler and if I change it in custom css, then all the spoilers in other topics will also change.


Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1519
Tutrix
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@amitkool21 

you can add the Post ID

example Post ID 14

#wpforo #wpforo-wrap #post-14 .wpf-spoiler-wrap .wpf-spoiler-title {
color: #ff0000;
}
#wpforo #wpforo-wrap #post-14 .wpf-spoiler-wrap:nth-of-type(2n) .wpf-spoiler-title {
color: #ff9900;
}
#wpforo #wpforo-wrap #post-14 .wpf-spoiler-wrap:nth-of-type(3n) .wpf-spoiler-title {
color: #17a2b8;
}

(@amitkool21)
Joined: 7 years ago

Trusted Member
Posts: 57
Tutrix
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

That's wonderful, Thanks again @tutrix 

But it would be awesome if the developers could implement this small feature in forum update.

 

Thanks again 🙂 


Share: