Please provide a link to your site so we can assist.
http://therowdyhelpdesk.com/cli
You can see an example on the home page
Your CSS is being overridden by a more specific style in the theme css. Try this:
.entry pre {
background: #000;
}
Tried that and its still not working
Please post a link to a page that has the custom CSS applied.
http://therowdyhelpdesk.com/cli
Same link. Code was applied to custom.css file which should work site wide.
These are the only styles I see:
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='hueman-main-css' href='http://therowdyhelpdesk.com/cli/wp-content/themes/hueman/assets/front/css/main.min.css?ver=3.1.5' type='text/css' media='all' />
<link rel='stylesheet' id='theme-stylesheet-css' href='http://therowdyhelpdesk.com/cli/wp-content/themes/hueman/style.css?ver=3.1.5' type='text/css' media='all' />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css">
/* Dynamic CSS: For no styles in head, copy and put the css below in your child theme's style.css, disable dynamic styles */
body { font-family: "Source Sans Pro", Arial, sans-serif; }
#nav-header.nav-container { background-color: #33363b; }
@media only screen and (min-width: 720px) {
#nav-header .nav ul { background-color: #33363b; }
}
body { background-color: #eaeaea; }
</style>
I got it working!
I added the code to the main.css instead of the custom.css file.
.entry pre {
background: black !important;
color: lime !important;
}
Why do you think it didnt work from the custom.css file? I would like to keep my changes there for best practices. Still i’ll likely end up making a child theme anyways.
Why do you think it didnt work from the custom.css file?
It doesn’t appear that the custom css file is being loaded. I wouldn’t keep it in the main.css file; you’ll lose it when you update the theme. If you’re not using a child theme You could use a plugin like https://wordpress.org/plugins/simple-css/ or https://wordpress.org/plugins/simple-custom-css/.
