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] Styling the Forum Header, powered by, etc.

6 Posts
4 Users
0 Reactions
4,359 Views
Posts: 38
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
(@ewscos)
Trusted Member
Joined: 9 years ago
[#3924]

Hello,

I am trying to style using additional css in the Wordpress Appearance/Additional CSS feature.  I have tried to style the forum panels to the background color: navy to match the rest of our site.  I came up with the following CSS, which partially works, but doesn't get the search pane or powered by panels.

#wpforo #wpforo-wrap #wpforo-menu .wpf-menu, #wpf-right,  #wpf-search, #wpforo #wpforo-wrap #wpforo-stat-header {
    background-color: navy;
}

#wpforo-poweredby {
    background-color: navy;
}

You can see the results of the above code at http://ontheten.org/community   It's half of what we want now, can you give me the class info to make the search pane and powered by panes match what I've got?

Many thanks for your time and help!  Cheers, Ed Sanders

 

 


5 Replies
Posts: 38
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
(@ewscos)
Trusted Member
Joined: 9 years ago

Well I tinkered and came up with this which works for me.  Sorry to have bothered you folks.

#wpforo #wpforo-wrap #wpforo-menu .wpf-menu, #wpf-right,  #wpf-search, #wpforo #wpforo-wrap #wpforo-stat-header {
    background-color: navy;
}

#wpforo #wpforo-wrap #wpforo-poweredby {
    background-color: navy;
}
#menu-item-1000, #menu-item-1001, #menu-item-999, .wpf-right.wpf-search {
    background-color: navy;
}


bidawinner
Posts: 15
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
(@bidawinner)
Eminent Member
Joined: 9 years ago

wow .. I had to put on my sun glasses 😉    General layout looks good ..but she sure is bright 


Robert
Posts: 10736
Admin
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
(@robert)
Support Team
Joined: 2 months ago

Please read wpForo stile colors doc before making any changes. You also can use color settings in Forums > Settings > Styles admin page.

Docs:


Posts: 1
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
(@masterjam)
New Member
Joined: 9 years ago

Hello

How did you manage it, your forum is shown in the wide, with me it is very much smaller


Page 1 / 2
Share: