Changeset 23717

Timestamp:

03/15/2013 06:03:43 PM (14 years ago)

Author:

lancewillett

Message:

Twenty Twelve: improve Appearance > Header styles to match front end view better -- including loading special Google Font there. Props obenland, fixes #23790.

File:

• trunk/wp-content/themes/twentytwelve/inc/custom-header.php (modified) (4 diffs)

trunk/wp-content/themes/twentytwelve/inc/custom-header.php

@@ -22 +22 @@
         $args = array(
                 // Text color and image (empty to use none).
-                'default-text-color'     => '444',
+                'default-text-color'     => '515151',
                 'default-image'          => '',
 
@@ -48 +48 @@
 
 /**
+ * Loads our special font CSS file.
+ *
+ * @since Twenty Twelve 1.2
+ *
+ * @return void
+ */
+function twentytwelve_custom_header_fonts() {
+        $font_url = twentytwelve_get_font_url();
+        if ( ! empty( $font_url ) )
+                wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null );
+}
+add_action( 'admin_print_styles-appearance_page_custom-header', 'twentytwelve_custom_header_fonts' );
+
+/**
  * Styles the header text displayed on the blog.
  *
- * get_header_textcolor() options: 444 is default, hide text (returns 'blank'), or any hex value.
+ * get_header_textcolor() options: 515151 is default, hide text (returns 'blank'), or any hex value.
  *
  * @since Twenty Twelve 1.0
@@ -97 +111 @@
         .appearance_page_custom-header #headimg {
                 border: none;
+                font-family: "Open Sans", ​Helvetica,​ Arial, ​sans-serif;
         }
         #headimg h1,
         #headimg h2 {
-                line-height: 1.6;
+                line-height: 1.84615;
                 margin: 0;
                 padding: 0;
         }
         #headimg h1 {
-                font-size: 30px;
+                font-size: 26px;
         }
         #headimg h1 a {
@@ -112 +127 @@
         }
         #headimg h1 a:hover {
-                color: #21759b;
+                color: #21759b !important; /* Has to override custom inline style. */
         }
         #headimg h2 {
                 color: #757575;
-                font: normal 13px/1.8 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
+                font-size: 13px;
                 margin-bottom: 24px;
         }