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

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Solved] Personalizing the WPforo Editor Area

3 Posts
2 Users
2 Reactions
2,517 Views
RealAct
Posts: 240
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
(@realact)
Reputable Member
Joined: 8 years ago
[#16602]

Hi guys,

I have managed to change the way the area around the WPForo editor looks (Gave it rounded corners and changed the background color). When the user clicks in "Add New Topic" and selects the sub forum where to post from the main forum page, everything looks like I want it to look; buttons, color, rounded corners etc as you can see in the following image:

However, if you go into one of the sub forums and then from there click on the "New Topic" button, then the editor area loses the rounded corners and the background color around the edges is gray as in the following image (Open the image in a new tab to notice what I mean):

Anyone knows what CSS code to use so that the area around the editor when used under the sub forums has the rounded corners and the blue color as well? The color I use is "#deeffb"

Thanks in advance.

-Eli


2 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

@realact

try this CSS Code

#wpforo #wpforo-wrap .wpf-form-wrapper {
    border-radius: 10px;
}
#wpforo #wpforo-wrap .wpf-topic-create {
    background: #deeffb;
}

1 Reply
RealAct
(@realact)
Joined: 8 years ago

Reputable Member
Posts: 240
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 it worked!! Thank you so much for your help. I really appreciate it.

May God and the universe bless you!


Share: