Continuing with my earlier post (https://www.reddit.com/r/Wordpress/comments/1fxfbul/how\_to\_add\_custom\_css\_through\_a\_plugin/?utm\_source=share&utm\_medium=web3x&utm\_name=web3xcss&utm\_term=1&utm\_content=share\_button), seeking help where to add custom code through WP Admin dashboard.
Using Authority Pro theme. Here are the relevant screenshots while trying to troubleshoot display of a chunk of text from a bbPress post that is light and need to make it dark. The proposed change will be for all the bbPress forum posts.
Tried using the plugin but did not work. It will help if anyone can help what is wrong in the code:
<style type="text/css">
#bbpress-forums div.bbp-reply-content code {
background-color: #111;
color: #0675c4;
}
If without plugin, I could not locate exactly the CSS file from the WP Admin dashboard to update.
Searched the above stylesheet with 'bbPress ' and getting 0 results. There perhaps should be other CSS file for bbPress.
The wrong ways:
* Add it in the “Customize” interface (which simply plops the CSS inline in the <head> of the site)
* Modify the default style.css file (maybe not _wrong_, but not professional)
The right way (in my humble opinion):
* Enqueue a brand new css file via the functions.php file and add/edit CSS there
Appearance > Customize > Additional css.
Do not modify the theme files – those changes will be lost when the theme updates.
Open the theme folder inside Visual Studio Code
Press ctrl+shift+F to search the opened folder. Search for the function wp_enqueue_styles for CSS and wp_enqueue_script for JS. It should be inside some of themes PHP files. They’ve probably added styles using those functions. Search google for more info on what’s exactly passed inside it’s arguments, but one of the parameters is path to the CSS or JS file.
Also see if theme has package.json inside it’s files. If it has, probably you can run NPM commands to build SCSS (if used for styles) or JS, depending how the theme is sturctured.