Title: [Theme: raindrops] full width header image
Last modified: August 20, 2016

---

# [Theme: raindrops] full width header image

 *  Resolved [Ahab](https://wordpress.org/support/users/ahab/)
 * (@ahab)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/)
 * I’d like to use the 100% fluid page width in the raindrops theme but my banner
   image is stuck at 950px wide. How do I extend the banner image I uploaded to 
   the edge of the screen?
 * [http://wordpress.org/extend/themes/raindrops/](http://wordpress.org/extend/themes/raindrops/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Flash Buddy](https://wordpress.org/support/users/flashbuddy/)
 * (@flashbuddy)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348103)
 * Post your url for best results.
 *  Thread Starter [Ahab](https://wordpress.org/support/users/ahab/)
 * (@ahab)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348145)
 * [http://www.independentmusicianblog.com/](http://www.independentmusicianblog.com/)
 *  [Flash Buddy](https://wordpress.org/support/users/flashbuddy/)
 * (@flashbuddy)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348178)
 * [http://uploadingit.com/file/8wdwettlx0rms7zt/Banner.jpg](http://uploadingit.com/file/8wdwettlx0rms7zt/Banner.jpg)
 * I use faded ends that match the background when my banner image is not wide enough.
   The only other solution is to create you banner images wide enough to accommodate
   your target audience’s browser/screen size.
 * Might put in a image sizing script to auto size your banner to the right width.
   Problem with that is the crop; you might not like its unintelligent crop.
 * Google timthumb.php
 *  Thread Starter [Ahab](https://wordpress.org/support/users/ahab/)
 * (@ahab)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348190)
 * I can make it as wide as I want but when I upload it, it forces me to crop it
   to 950px. I don’t understand why the theme designers would allow you to adjust
   the page width but not the banner image width.
 *  [Flash Buddy](https://wordpress.org/support/users/flashbuddy/)
 * (@flashbuddy)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348236)
 * Hmmm, I wonder how the theme designers are ‘forcing’ you to crop it? Do they 
   have a cropping script running or is it cropped to pre-set WordPress media sizes?
 * Have to do a little digging to figure that out. It may be you can change the 
   size: Settings=>Media
 * It may be you’ll have to dig into the theme functions and see what is going on
   there. Have you contacted the theme developer?
    [http://www.tenman.info/wp3/](http://www.tenman.info/wp3/)–
   Chrome translated it for me but I didn’t see anyting pertinent.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348237)
 * > I wonder how the theme designers are ‘forcing’ you to crop it?
 * It will be part of the standard custom header support. The image sizes are usually
   defined in functions.php.
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348247)
 * Hi Ahab
 * Please see functions.php line 156
 *     ```
       if(!defined('HEADER_IMAGE_WIDTH')){
               define('HEADER_IMAGE_WIDTH', 950);
           }
           if(!defined('HEADER_IMAGE_HEIGHT')){
               define('HEADER_IMAGE_HEIGHT', 198);
           }
       ```
   
 * You can customize this value.
 * Another customize way
 * Please see header.php line 134
 *     ```
       <?php
       /**
        * header image
        */
       $raindrops_header_image = get_header_image();
       if( !empty($raindrops_header_image)){ ?>
       <div id="header-image" style="background-image:url(<?php echo $raindrops_header_image; ?>);height:<?php echo HEADER_IMAGE_HEIGHT;?>px;color:#<?php echo HEADER_TEXTCOLOR;?>;"><p <?php echo $style;?>><?php bloginfo( 'description' ); ?></p></div><?php }
       ```
   
 * You can customize this template file
 * I am sorry to be poor at English.
 * Thank you

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘[Theme: raindrops] full width header image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/raindrops/1.700/screenshot.png)
 * raindrops
 * [Support Threads](https://wordpress.org/support/theme/raindrops/)
 * [Active Topics](https://wordpress.org/support/theme/raindrops/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/raindrops/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/raindrops/reviews/)

 * 7 replies
 * 4 participants
 * Last reply from: [nobita](https://wordpress.org/support/users/nobita/)
 * Last activity: [14 years, 8 months ago](https://wordpress.org/support/topic/theme-raindrops-full-width-header-image/#post-2348247)
 * Status: resolved