WordPress.org

Ready to get started?Download WordPress

Forums

raindrops
[resolved] full width header image (8 posts)

  1. Ahab
    Member
    Posted 2 years ago #

    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/

  2. flashbuddy
    Member
    Posted 2 years ago #

    Post your url for best results.

  3. Ahab
    Member
    Posted 2 years ago #

  4. flashbuddy
    Member
    Posted 2 years ago #

    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

  5. Ahab
    Member
    Posted 2 years ago #

    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.

  6. flashbuddy
    Member
    Posted 2 years ago #

    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/ - Chrome translated it for me but I didn't see anyting pertinent.

  7. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  8. nobita
    Member
    Theme Author

    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags