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

[Closed] Custom CSS classic Theme

4 Posts
2 Users
1 Reactions
2,195 Views
Posts: 29
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
(@wp-henne)
Trusted Member
Joined: 3 years ago
[#34329]

Hello!

I would like to adjust the menu color in the classic theme (and other things). Unfortunately I do not get further, because some colors are set by !important.

In the backend it is shown under "Color & Styles" that I can put the color.css under /themes/classic and change it. Does not work either.

Likewise does not work to propagate on that page in the backend at "custom CSS code" other values.

In detail I need to change the settings for the menu for instance

.wpforo-active

color and background-color.

Thanks for any advice

wpForo Version
2.1.6
WordPress Version
6.1.1

3 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

Hi @wp-henne

try (custom CSS)

#wpforo #wpforo-wrap #wpforo-menu .wpforo-active {
background-color: #ff0000 !important;
}
#wpforo #wpforo-wrap #wpforo-menu .wpforo-active a {
color: #ffffff !important;
}

2 Replies
(@wp-henne)
Joined: 3 years ago

Trusted Member
Posts: 29
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

Thank You @tutrix !

That brings me a little further, in detail I still have this problem now (see atached pix)
I would like that - like in the normal WP menu - with sub menu entries only the entry belonging to the current page is in the color or evenly with closed menu the main menu.

But with this ruleset it doesn't work:

#wpforo #wpforo-wrap .wpforo-active,#wpforo #wpforo-wrap #wpforo-menu li:hover,#wpforo #wpforo-wrap #wpforo-menu .current-menu-ancestor,#wpforo #wpforo-wrap #wpforo-menu .current-menu-parent,#wpforo #wpforo-wrap #wpforo-menu .current_page_item {
	background-color: #f0f0f0!important;
	color: #D067A9!important;
}

However, the "basic" problem remains: I can't change the other things like buttons, because the color.css is being processed from somewhere else and not the file I uploaded below the theme folder in wpForo.

 2023 02 12 at 12.47

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

@wp-henne 

use for the submenu

Example

#wpforo #wpforo-wrap #wpforo-menu li > ul > li.wpforo-active {background: #ff0000}
#wpforo #wpforo-wrap #wpforo-menu li > ul > li.wpforo-active a {color: #ffffff}

you can also add the CSS code at the end of style.css
but you have to insert it again after a wpForo update


Share: