Archived topic
CSS-Text in Sourcecode
6 replies · Started by Franz Csan on January 12, 2015
Hi guys,
first i want to apologize for my englisch, i'm from Austria and my mother tongue is german.
I have a strange problem, which I can't solve!
In my head-code in the Sourcecode of my project is the CSS-Code as follows to see ...
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="http://##########/wordpress/xmlrpc.php">
<meta name='robots' content='noindex,follow' />
<link rel="alternate" type="application/rss+xml" title=" » Feed" href="http://##########/wordpress/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title=" » Kommentar-Feed" href="http://##########/wordpress/?feed=comments-rss2" />
<link rel='stylesheet' id='generate-fonts-css' href='//fonts.googleapis.com/css?family=Crimson+Text%3Aregular%2Citalic%2C600%2C600italic%2C700%2C700italic&subset=latin%2Clatin-ext&ver=1.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='generate-style-css' href='http://##########/wordpress/wp-content/themes/generatepress/style.css?ver=1.2.4' type='text/css' media='all' />
<style type='text/css'>
body {background-color: #ffffff; color: #002e63; }a, a:visited {color: #002e63; text-decoration: none; }a:visited {color: #002e63; }a:hover, a:focus, a:active {color: #545c63; }body .grid-container {max-width: 1000px; }
.post-image-above-header .post-image {margin-top:0;margin-bottom:2em;}.post-image-aligned-left .post-image {margin-top:0;margin-right:2em;float:left;}.post-image-aligned-center .post-image {text-align:center;}.post-image-aligned-right .post-image {margin-top:0;margin-left:2em;float:right;}.post-image-below-header.post-image-aligned-right .post-image {margin-top:2em;}.post-image-below-header.post-image-aligned-left .post-image {margin-top:2em;}.inside-article:before,.inside-article:after {content: "";display: table;} .inside-article:after {clear: both;}.inside-article {zoom: 1; /* For IE 6/7 (trigger hasLayout) */} ........ .separate-containers .inside-article .page-header-below-title, .one-container .inside-article .page-header-below-title {margin-top: 2em; }.inside-article .page-header-post-image {float: none; margin-right: 0px; }
</style>
<link rel='stylesheet' id='generate-style-grid-css' href='http://##########/wordpress/wp-content/themes/generatepress/css/unsemantic-grid.css?ver=1.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='generate-mobile-style-css' href='http://##########/wordpress/wp-content/themes/generatepress/css/mobile.css?ver=1.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='superfish-css' href='http:/##########/wordpress/wp-content/themes/generatepress/css/superfish.css?ver=1.2.4' type='text/css' media='all' />My question is why ... any workarounds?!?
Great thanks to all and greatings from Austria!!!
Hi there,
What kind of problem do you have with the code? Looks normal to me.
Let me know :)
The full css code is shown! Normaly it does not ...
Hi Franz,
I understand now :)
GeneratePress adds the CSS generated by the Customizer to the wp_head action.
Generating it in a separate file can lead to quite a few bugs, and having it in the <head> section of your site doesn't do anything to optimization of the page.
At some point I'll move it to a separate file, but I need to find a concrete method that's efficient and fast in order to do it.
Let me know if you have any questions!
I have unfortunately already noticed that the code is generated in a separate file . But I had no solution to it ! :-(
Why the code is actually generated?
Could i write the CSS-Code directly in the Header?
Thanks!
That CSS is being written by the options in the Customizer ("Appearance > Customize").
When CSS changes are done through the Customizer (colors etc..), the CSS is written to the wp_head hook.
There was another topic on this here: http://generatepress.com/forums/topic/remove-css-from-html/
Let me know if that makes sense :)