Notifications
Clear all

wpForo 1.x.x [Solved] How to Assign Different Color for Different Forum Title Box

5 Posts
2 Users
2 Reactions
907 Views
WiYa3D
Posts: 31
Topic starter
(@wiya3d)
Trusted Member
Joined: 5 years ago

I want to change Change Color of main- forum title box to different color.

Can you please help me to archive that?

 

 

4 Replies
Tutrix
Posts: 1483
(@tutrix)
Noble Member
Joined: 5 years ago

@rapid3dme

add this example to the custom css

#wpforo #wpforo-wrap .wpfl-1:nth-of-type(1) .wpforo-category {
background-color: #ff9900 !important;
}
#wpforo #wpforo-wrap .wpfl-4:nth-of-type(2) .wpforo-category {
background-color: #ff4488 !important;
}
#wpforo #wpforo-wrap .wpfl-1:nth-of-type(3) .wpforo-category {
background-color: #009900 !important;
}
#wpforo #wpforo-wrap .wpfl-1:nth-of-type(4) .wpforo-category {
background-color: #ff1100 !important;
}
#wpforo #wpforo-wrap .wpfl-1:nth-of-type(5) .wpforo-category {
background-color: #331100 !important;
}
#wpforo #wpforo-wrap .wpfl-1:nth-of-type(6) .wpforo-category {
background-color: #886688 !important;
}
#wpforo #wpforo-wrap .wpfl-1:nth-of-type(7) .wpforo-category {
background-color: #bb1100 !important;
}

and replace the color codes according to your wishes

1 Reply
WiYa3D
(@wiya3d)
Joined: 5 years ago

Trusted Member
Posts: 31

@tutrix This working fine

 

Thank you

Tutrix
Posts: 1483
(@tutrix)
Noble Member
Joined: 5 years ago

@rapid3dme

I see you're trying, but you changed the layout class to layout 2 (wpfl-2), but you're not using layout 2, just 1 and 4
use the code above and it will work

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(1) .wpforo-category {
background-color: #2d4159 !important;
}

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(2) .wpforo-category {
background-color: #0677A1 !important;
}

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(5) .wpforo-category {
background-color: #0677A1 !important;
}
1 Reply
WiYa3D
(@wiya3d)
Joined: 5 years ago

Trusted Member
Posts: 31
Posted by: @tutrix

@rapid3dme

I see you're trying, but you changed the layout class to layout 2 (wpfl-2), but you're not using layout 2, just 1 and 4
use the code above and it will work

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(1) .wpforo-category {
background-color: #2d4159 !important;
}

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(2) .wpforo-category {
background-color: #0677A1 !important;
}

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(5) .wpforo-category {
background-color: #0677A1 !important;
}

Hi thank you for promp reply.

 

yes I have added the first set of css code, and nothing was change. Do you want me to add this second CSS code to be added instead of first set?