Notifications
Clear all

wpForo 1.x.x Just change the color of the forum header

6 Posts
2 Users
0 Likes
742 Views
Posts: 10
Topic starter
(@orakel)
Active Member
Joined: 3 years ago

Hello friends

(cool that wpdiscuz login works here too)

 

I have a simple question:

 

Which colornumber in the style settings are for the forum header background?

further the search icon, i need to have it in the same color like the text, which style number is this?

 

5 Replies
Alvina
Posts: 1872
Moderator
(@alvina)
Member
Joined: 3 years ago

Hi @orakel,

I'm sorry but in the Style Colors, there is no color number that designed especially for the forum header background and the search icon color.

Which colornumber in the style settings are for the forum header background?

Please provide in a screenshot the exact part you want to change the background color, and we will try to provide some CSS code for that.

further the search icon, i need to have it in the same color like the text, which style number is this?

Use the following CSS code to change the search icon color:

#wpforo #wpforo-wrap .wpf-search i {
color: #84898c;
}

Please note the red marked value can be changed.

The CSS code should be added in teh Dashboard > Forums > Settings > Styles admin page "Custom CSS Code" textarea.

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

Reply
2 Replies
(@orakel)
Joined: 3 years ago

Active Member
Posts: 10

@alvina Hello and thank you for your help

 

I add a image here, so you know which section i like to change, its just the menu with "forum, member, profile" and so on:

 

Reply
Alvina
Moderator
(@alvina)
Joined: 3 years ago

Member
Posts: 1872

@orakel,

As we can see in the screenshot provided by you you want to change the menu background color.  You can change this color using Color #3  colornumber. More info can be found in this doc: https://wpforo.com/docs/root/forum-themes/theme-styles/

Reply
Posts: 10
Topic starter
(@orakel)
Active Member
Joined: 3 years ago

Thank you very much Alvina =) 

I just need to change the color of the glock next to the search icon.

Is there also a class needed (if yes please help me again with it) or another color number?

 

Thanks in advance

Orakel

 

edit: the color of the menu separator (lines) are still grey, if possible i like to change this color also or remove this vertical lines

Reply
1 Reply
Alvina
Moderator
(@alvina)
Joined: 3 years ago

Member
Posts: 1872

@orakel,

I just need to change the color of the glock next to the search icon.

Is there also a class needed (if yes please help me again with it) or another color number?

Use the following CSS code:

#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i{
color: #84898c;
}

edit: the color of the menu separator (lines) are still grey, if possible i like to change this color also or remove this vertical lines

Use the following CSS code to change the color: 

#wpforo #wpforo-wrap #wpforo-menu li{
border-right: #84898c 1px solid;
}

This one for delete this line:

#wpforo #wpforo-wrap #wpforo-menu li{
border-right: unset;
}
Reply