CSS on code tag?

• 

  aquameerkat · Member · Nov 8, 2014 at 3:32 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I have been playing with the idea to use custom CSS and today actually took the decision to try it out before spending my money on it.

  My main issue is that I blog mainly with code snippets (I’m a programmer). Unfortunately it seems that custom CSS doesn’t allow me to change anything on the code tag..

  Is there a way to change the CSS on <code>?

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Nov 8, 2014 at 4:09 pm

  • Copy link

  It looks like you’re using the code shortcode, follow the links at the bottom of that page to the original syntax highlighter plugin author’s site for more information about how to style it with CSS. You could also use your browser inspector to see how the code is formatted.

• 

  aquameerkat · Member · Nov 8, 2014 at 6:14 pm

  • Copy link

  Thanks for the fast reply. I think the problem is something else. For example I have this simple CSS to make everything red:

  
  * {
  background-color: red !important;
  color: red !important;
  }
  

  Everything gets red except my code snippet which I find weird.

  

• 

  hallluke · Member · Nov 9, 2014 at 8:44 am

  • Copy link

  The CSS rule you’ve used as an example only works if there are no other rules more specific than it affecting any given HTML element. In this case the syntax highlighter CSS rules are more specific than the universal selector due to each one using at least one class.

  An example probably helps! Here are the rules that you can experiment with currently:

  .syntaxhighlighter .plain,
  .syntaxhighlighter .plain a {
    color:#f00!important;
  }
  
  .syntaxhighlighter .line.alt1 {
     background-color:#eee!important;
  }
  
  .syntaxhighlighter .line.alt2 {
    background-color:#ddd!important;
  }

• 

  aquameerkat · Member · Nov 9, 2014 at 10:59 am

  • Copy link

  That’s it! Although I developed web sites in the past I never came to this issue. I guess one learns something new every day :)

  Thanks a lot!