Title: Zero Gravity Theme
Last modified: August 30, 2016

---

# Zero Gravity Theme

 *  [MegNoonan](https://wordpress.org/support/users/megnoonan/)
 * (@megnoonan)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/zero-gravity-theme-1/)
 * Hello,
 * I am a very beginner using WordPress. I am trying to figure out how to edit the
   code to change the header size to be the full screen width. I tried to go in 
   and change the height and width, but that still kept the image centered?? THANKS!
 * Here is the current theme code.
 * <?php
    /** * Implement an optional custom header for ZeroGravity * * See [http://codex.wordpress.org/Custom_Headers](http://codex.wordpress.org/Custom_Headers)**
   [@since](https://wordpress.org/support/users/since/) ZeroGravity 1.0 */
 * /**
    * Set up the WordPress core custom header arguments and settings. * * @uses
   add_theme_support() to register support for 3.4 and up. * @uses zerogravity_header_style()
   to style front-end. * @uses zerogravity_admin_header_style() to style wp-admin
   form. * @uses zerogravity_admin_header_image() to add custom markup to wp-admin
   form. * * [@since](https://wordpress.org/support/users/since/) ZeroGravity 1.0*/
   function zerogravity_custom_header_setup() { $args = array( // Text color and
   image (empty to use none). ‘default-text-color’ => ‘515151’, ‘default-image’ 
   => ”,
 *  // Set height and width, with a maximum value for the width.
    ‘height’ => 768,‘
   width’ => 2000, ‘max-width’ => 2000,
 *  // Support flexible height and width.
    ‘flex-height’ => true, ‘flex-width’ =
   > true,
 *  // Random image rotation off by default.
    ‘random-default’ => false,
 *  // Callbacks for styling the header and the admin preview.
    ‘wp-head-callback’
   => ‘zerogravity_header_style’, ‘admin-head-callback’ => ‘zerogravity_admin_header_style’,‘
   admin-preview-callback’ => ‘zerogravity_admin_header_image’, );
 *  add_theme_support( ‘custom-header’, $args );
    } add_action( ‘after_setup_theme’,‘
   zerogravity_custom_header_setup’ );
 * /**
    * Load our special font CSS file. * * [@since](https://wordpress.org/support/users/since/)
   ZeroGravity 1.0 */ function zerogravity_custom_header_fonts() { $font_url = zerogravity_get_font_url();
   if ( ! empty( $font_url ) ) wp_enqueue_style( ‘zerogravity-fonts’, esc_url_raw(
   $font_url ), array(), null ); } add_action( ‘admin_print_styles-appearance_page_custom-
   header’, ‘zerogravity_custom_header_fonts’ );
 * /**
    * Style the header text displayed on the blog. * * get_header_textcolor()
   options: 515151 is default, hide text (returns ‘blank’), or any hex value. * *
   [@since](https://wordpress.org/support/users/since/) ZeroGravity 1.0 */ function
   zerogravity_header_style() { $text_color = get_header_textcolor();
 *  // If no custom options for text are set, let’s bail
    if ( $text_color == get_theme_support(‘
   custom-header’, ‘default-text-color’ ) ) return;
 *  // If we get this far, we have custom styles.
    ?> <style type=”text/css” id=”
   zerogravity-header-css”> <?php // Has the text been hidden? if ( ! display_header_text()):?
   > .site-title, .site-description { position: absolute; clip: rect(1px 1px 1px
   1px); /* IE7 */ clip: rect(1px, 1px, 1px, 1px); } <?php // If the user has set
   a custom color for the text, use that. else : ?> .site-header h1 a, .site-header
   h2 { color: #<?php echo $text_color; ?>; } <?php endif; ?> </style> <?php }
 * /**
    * Style the header image displayed on the Appearance > Header admin panel.**
   [@since](https://wordpress.org/support/users/since/) ZeroGravity 1.0 */ function
   zerogravity_admin_header_style() { ?> <style type=”text/css” id=”zerogravity-
   admin-header-css”> .appearance_page_custom-header #headimg { border: none; font-
   family: “Open Sans”, Helvetica, Arial, sans-serif; } #headimg h1, #headimg h2{
   line-height: 1.84615; margin: 0; padding: 0; } #headimg h1 { font-size: 26px;}#
   headimg h1 a { color: #515151; text-decoration: none; } #headimg h1 a:hover {
   color: #21759b !important; /* Has to override custom inline style. */ } #headimg
   h2 { color: #757575; font-size: 13px; margin-bottom: 24px; } #headimg img { max-
   width: <?php echo get_theme_support( ‘custom-header’, ‘max-width’ ); ?>px; } 
   </style> <?php }
 * /**
    * Output markup to be displayed on the Appearance > Header admin panel. **
   This callback overrides the default markup displayed there. * * [@since](https://wordpress.org/support/users/since/)
   ZeroGravity 1.0 */ function zerogravity_admin_header_image() { ?> <div id=”headimg”
   > <?php if ( ! display_header_text() ) $style = ‘ style=”display:none;”‘; else
   $style = ‘ style=”color:#’ . get_header_textcolor() . ‘;”‘; ?> <h1 class=”displaying-
   header-text”> onclick=”return false;” href=”<?php echo esc_url( home_url( ‘/’));?
   >” tabindex=”-1″><?php bloginfo( ‘name’ ); ?></h1> <h2 id=”desc” class=”displaying-
   header-text”<?php echo $style; ?>><?php bloginfo( ‘description’ ); ?></h2> <?
   php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> 
   <img src=”<?php echo esc_url( $header_image ); ?>” class=”header-image” width
   =”<?php echo get_custom_header()->width; ?>” height=”<?php echo get_custom_header()-
   >height; ?>” alt=”” /> <?php endif; ?> </div> <?php }

The topic ‘Zero Gravity Theme’ is closed to new replies.

## Tags

 * [custom-header-image](https://wordpress.org/support/topic-tag/custom-header-image/)

 * 0 replies
 * 1 participant
 * Last reply from: [MegNoonan](https://wordpress.org/support/users/megnoonan/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/zero-gravity-theme-1/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics