Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

5 Posts
2 Users
2 Reactions
1,028 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: 1522
(@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: 1522
(@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?