is there an image discription that shows what color #2 chocolates to what area of the forum? it would be much quicker and easier to style this with that thanks
also I am looking to have the color 12 area and the color 3 area the same color except i wanna make the active tab a different color. so basically the forum menu and the forum category are the same colors and only the tab is changed color if you are active on it
I'm sorry but i didn't follow you, what exactly you want to change?
For a specific changes, I recommend use CSS codes provided with each color description in this: https://wpforo.com/docs/root/forum-themes/theme-styles/
@robertbasically im looking to edit the class name son the elements so i can switch the colors around with out them changing things i dont want. for instance 12 I only want 12 to effect
#wpforo #wpforo-wrap .wpf-button{background-color:$12;}
and nothing else
where can i go to edit those colors.css? go I just copy the
#wpforo #wpforo-wrap #wpforo-menu .current_page_item {background-color:$12!important;}
to a child css sheet and change it to
#wpforo #wpforo-wrap #wpforo-menu .current_page_item {background-color:$3!important;}
since i want that to have the colors of 3?
I think I maybe figured it out while reading
All custom CSS should be added in Dashboard >Forums > Settings > Styles > Custom CSS code textarea. You should save, delete all caches, then navigate to forum front-end and press Ctrl+F5 to reset browser cache.
$12 and $3 are color variables, you should replace those to your preferred color, the colors must be hexadecan colors like #000000 (black), example:
#wpforo #wpforo-wrap .wpf-button{background-color:#000000;}
#wpforo #wpforo-wrap .wpf-button{background-color:#000000 !important;}
you can find those in the same admin page by clicking on the color pickers or select it using online tools: https://htmlcolorcodes.com/
I cant seem to find the class to color the file attatch button im using
#wpforo #wpforo-wrap .wpforo-post .wpforo-attached-file {color:#81D742!important;
Please try to use the following code, just change color attribute to background:
#wpforo #wpforo-wrap .wpforo-post .wpforo-attached-file {
background:#81D742!important;
}
See the screenshot below:
also i cant seem to find the class for the topic border thats in green and the reply button and the red border
https://imgur.com/a/k4WgW0l
Please use the following CSS code to change the post create border color:
#wpforo #wpforo-wrap #wpf-post-create{
border: 1px solid #6f00aa;
}
Use the following one to change the reply button border color:
#wpforo #wpforo-wrap .wpf-post-create input[type=submit] {
border: 1px solid #6f00aa;
}
Please note the red marked value can be changed.
In any case, don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking
