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] CSS reference for text drums, how?

15 Posts
3 Users
8 Reactions
1,575 Views
ZiT3K
Posts: 92
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
(@zit3k)
Estimable Member
Joined: 4 years ago
[#23288]

Hi.

How can I change the background color of the text boxes?

How can I reference them in CSS?

Either individually or globally.

Thank you in advance for your help.


14 Replies
vasudevsoni2001
Posts: 31
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
(@vasudevsoni2001)
Trusted Member
Joined: 4 years ago

Use inspect element tool, then select the text you want to change. Then look for its current CSS styles and change them accordingly by going to Dashboard > WpForo > Settings > Styles settings.


1 Reply
ZiT3K
(@zit3k)
Joined: 4 years ago

Estimable Member
Posts: 92
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

@vasudevsoni2001 

Hi!
This is what I meant:

[img] [/img]


Chris
Posts: 3610
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
(@chris)
Famed Member
Joined: 5 years ago

Try the below CSS:

 .mce-content-body , .mce-path.mce-flow-layout-item.mce-first {
    background-color: grey;
}

11 Replies
ZiT3K
(@zit3k)
Joined: 4 years ago

Estimable Member
Posts: 92
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

@chris 

Unfortunately, he only colored this. 🙁

[img] [/img]


Chris
(@chris)
Joined: 5 years ago

Famed Member
Posts: 3610
Chris
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

@zit3k,

Edited the CSS.


ZiT3K
(@zit3k)
Joined: 4 years ago

Estimable Member
Posts: 92
ZiT3K
Chris
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

@chris 

Posted by: @chris

.mce-content-body , .mce-path.mce-flow-layout-item.mce-first { background-color: grey; }

In the code above, I changed the gray to red and tried it, but unfortunately it didn't color where it should have. 🙁

( I always delete ALL CSS settings I've made before trying a new CSS code. )


Chris
(@chris)
Joined: 5 years ago

Famed Member
Posts: 3610
Chris
ZiT3K
Chris
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

@zit3k,

Any screenshots?


ZiT3K
(@zit3k)
Joined: 4 years ago

Estimable Member
Posts: 92
ZiT3K
Chris
ZiT3K
Chris
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

Posted by: @chris

@zit3k,

Any screenshots?

The last one I sent was colored red.

 


Chris
(@chris)
Joined: 5 years ago

Famed Member
Posts: 3610
Chris
ZiT3K
Chris
Chris
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

@zit3k,

please make My account in your website as an admin:

https://fullinfo-forum.cs1-6-army-zit3k.hu/forum/profile/wpforosupport/

need to check whats going on

 


ZiT3K
(@zit3k)
Joined: 4 years ago

Estimable Member
Posts: 92
ZiT3K
Chris
ZiT3K
Chris
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

Posted by: @chris

@zit3k,

please make My account in your website as an admin:

https://fullinfo-forum.cs1-6-army-zit3k.hu/forum/profile/wpforosupport/

need to check whats going on

 

I was going to bring it up. I gave. 🙂

 


Chris
(@chris)
Joined: 5 years ago

Famed Member
Posts: 3610
Chris
ZiT3K
Chris
Chris
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

@zit3k,

Tried everything, but the TinyMCE editor just doesn't let the CSS work. DOnt know what else can be done there.


ZiT3K
(@zit3k)
Joined: 4 years ago

Estimable Member
Posts: 92
ZiT3K
Chris
ZiT3K
Chris
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

Posted by: @chris

@zit3k,

Tried everything, but the TinyMCE editor just doesn't let the CSS work. DOnt know what else can be done there.

Thank you very much!

If I catch up with the creator of the theme, would he be able to help or is WordPress itself at fault?

 


Chris
(@chris)
Joined: 5 years ago

Famed Member
Posts: 3610
Chris
ZiT3K
Chris
Chris
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

@zit3k,

Found the solution. Check this Topic: https://wpforo.com/community/how-to-and-troubleshooting-2/changing-background-color-of-tinymce-editor/


ZiT3K
(@zit3k)
Joined: 4 years ago

Estimable Member
Posts: 92
ZiT3K
Chris
ZiT3K
Chris
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

Posted by: @chris

@zit3k,

Found the solution. Check this Topic: https://wpforo.com/community/how-to-and-troubleshooting-2/changing-background-color-of-tinymce-editor/

Entering +code in functions.php helped, THANK YOU! 🙂

 


Share: