Changeset 23717

Timestamp:

03/15/2013 06:03:43 PM (12 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;
     }