title: Problems with Internal Styles in Wordpress
body: <p>Kee-doke. </p>
  
  <p>So I have internal style problems. With Wordpress. After many frustrating hours trying to figure out how to change styles on several different items, I discovered that the main html file had a ton of internal style sheets. They were overriding my styles that I input in the style.css file of my Wordpress theme. </p>
  
  <p>The styles are inside the <code>&lt;head&gt;</code> of the web page. I need to know where I can go to edit these internal styles. That is, what template file holds them?</p>
  
  <p>There is a lot of code, but here is the relevant stuff. The styles are way down at the bottom. I removed the actual styles. I just need to find out how to edit them. Obviously they have to be in a Wordpress php file. But which one?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en-US"&gt;
  &lt;head&gt;
  &lt;title&gt;Trailogy | Find the Trail. Hit the Trail&lt;/title&gt;&lt;meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0"&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;link rel="profile" href="http://gmpg.org/xfn/11" /&gt;
  &lt;link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" /&gt;
  &lt;link rel="shortcut icon" href="http://localhost/wordpress/wp- content/uploads/2014/10/LogoThumbFav.png" /&gt;&lt;link rel="apple-touch-icon" href="http://localhost/wordpress/wp-content/uploads/2014/10/LogoThumbFav.png" /&gt;&lt;link rel="alternate" type="application/rss+xml" title="Trailogy &amp;raquo; Feed" href="http://localhost/wordpress/feed/" /&gt;
  &lt;link rel="alternate" type="application/rss+xml" title="Trailogy &amp;raquo; Comments Feed" href="http://localhost/wordpress/comments/feed/" /&gt;
  &lt;link rel='stylesheet' id='nirvanas-css'  href='http://localhost/wordpress/wp-content/themes/nirvana/style.css?ver=4.0' type='text/css' media='all' /&gt;
  &lt;script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.11.1'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/nirvana/js/frontend.js?ver=4.0'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/nirvana/js/nivo-slider.js?ver=4.0'&gt;&lt;/script&gt;
  &lt;link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" /&gt;
  &lt;link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" /&gt; 
  &lt;meta name="generator" content="WordPress 4.0" /&gt;
  &lt;script type="text/javascript"&gt;
    jquery stuff for a slider.
  &lt;/script&gt;
  &lt;style type="text/css"&gt; /*Hundreds of lines of css*/&lt;/style&gt;
  &lt;style type="text/css"&gt;/* Nirvana Custom CSS */&lt;/style&gt;'
  </code></pre>
  
  <p>And by the way STYLE.CSS ISN'T OVERRIDING THESE INTERNAL STYLES! That's the problem.</p>
  
  <p>EDIT: Why me? Yeah, so after spending a whole day trying to figure this out, my associate up and says, "Dude, you can just add <code>!important</code> to the end of your styles and they'll override everything." So I created a style override css sheet. Talk about the solution staring me in the face!</p>