Simple Q About Comment Section

for some reason you’ve got this in your css:

.bypostauthor .media-heading{
background-color: #000000;
}

just change that to none and see if that clears it up…

I found what you’re seeing in my CSS, thank you. I don’t understand how to change it though…

Hi Jack,

I was able to access the WordPress editor to edit the style.css file of my theme. Unfortunately when I open the style.css file, all I get is two comments in the file. There is no style code to be edited. I’m not sure if I have the correct write access permissions or why there is no code listed.

Do you know of any other way I can edit the style.css file? The theme is called Mont Blanc. I have copied and pasted the snipped of comments for you to view below. Ironically enough the comment says the theme is easily customizable haha.

—————————–
/*
Theme Name: Mont Blanc
Version: 1.0.8
Author: frenchtastic
Author URI: https://frenchtastic.eu/about
Theme URI: https://frenchtastic.eu/theme/mont-blanc/
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Description: Mont Blanc is very easy to use yet it’s also extremely customizable! It’s beautifully engineered so that both admins and users will love to spend time on your site. All available customizer options will allow you to easily make your site look the way you want it!
Tags: white, light, blue, red, yellow, green, purple, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, custom-colors, responsive-layout, custom-menu, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
*/

/*
Mont Blanc like WordPress is licensed under the GPL license.
Check the license here: https://www.gnu.org/licenses/gpl.html
*/
—————————————————————-

Please let me know if there is something I can do to actually edit the style.css of this theme or if I need to find a new theme which allows me to edit its style.css file.

MoBrinx

you should be able to edit this file in the editor where you found it. just add in

.bypostauthor .media-heading{
background-color: #000000;
}

after everything else and save the file. it’s a theme built on the bootstrap framwork and that has lots of styles of it’s own but wordpress looks for a style.css file first of all and if you add in the code above it should override anything coded elsewhere.

as a side note, it’s best practice to use a child theme for any serious theme editing, they’re not difficult to create and they’re really useful ?? https://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

Unfortunately there is no option to save. To find the style.css I did ctrl+shift+I and found the solution to be this…

———————————————————————–
}
.bypostauthor .media-heading {
background-color: rgba(0, 0, 0, 0.25);
——————————————————————

Which previewed a more transparent grey block over my username. However, adding this code into WP editor isn’t changing anything on the page. I’ll look into the child theme, thanks! I just really like Mont Blanc and would prefer to keep it if possible.

I changed the style.css file to the following and updated. Then I refreshed my page but the highlight is still Black. It looks like the changes aren’t taking effect. How do I save and launch the changed version of my website?

————————–
/*
Theme Name: Mont Blanc
Version: 1.0.8
Author: frenchtastic
Author URI: https://frenchtastic.eu/about
Theme URI: https://frenchtastic.eu/theme/mont-blanc/
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Description: Mont Blanc is very easy to use yet it’s also extremely customizable! It’s beautifully engineered so that both admins and users will love to spend time on your site. All available customizer options will allow you to easily make your site look the way you want it!
Tags: white, light, blue, red, yellow, green, purple, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, custom-colors, responsive-layout, custom-menu, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
*/

/*
Mont Blanc like WordPress is licensed under the GPL license.
Check the license here: https://www.gnu.org/licenses/gpl.html
*/

.bypostauthor .media-heading{
background-color: #222;
}
———————————

Hi MoBrinx – you will either need to clear your cache (using a plug-in) or simply wait ~5 minutes. It’s the nature of the internet.

The changes in your CSS editor (or anywhere, for that matter) aren’t typically seen immediately due to the way pages are loaded. The server remembers ‘core’ information that doesn’t typically change regularly on a page, and only looks for those changes intermittently.

Hoping this helps!