WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header graphic size and text underneath it (8 posts)

  1. naifyboy
    Member
    Posted 8 years ago #

    hi

    i added my own header graphics and it looks fine.
    however, the text below the graphics still appears to be basing it's start position on the height of the old grpahic.

    my new graphic is 121px in height.

    can i change it so the text of the normal pages starts just below the new graphic?

    thanks

  2. katesgasis
    Member
    Posted 8 years ago #

    Please show some code or better yet put a link or url.

  3. naifyboy
    Member
    Posted 8 years ago #

    hi

    i assume you mean the header.php code....

    here it is

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <style type="text/css" media="screen">
    /* To accomodate differing install paths of WordPress, images are referred only here,
    and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
    not, then go right ahead and delete the following lines, and the image files. */

    body { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); }
    <?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }
    <?php } else { // No sidebar ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
    <?php } ?>
    #header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/FDUKBlogHeader.gif") no-repeat}
    #footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}

    /* Because the template is slightly different, size-wise, with images, this needs to be set here
    If you don't want to use the template's images, you can also delete the following two lines. */

    /* To ease the insertion of a personal header image, I have done it in such a way,
    that you simply drop in an image called 'personalheader.jpg' into your /images/
    directory. Dimensions should be at least 760px x 200px. Anything above that will
    get cropped off of the image. */
    /*
    #headerimg { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
    */
    </style>

    <?php wp_head(); ?>
    </head>
    <body>
    <div id="page">

    <div id="header">
    <div id="headerimg">
    <h1>/"><?php bloginfo('name'); ?></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div>
    </div>
    <hr />

    thanks

  4. naifyboy
    Member
    Posted 8 years ago #

    i'll put the url as well....

    http://www.flowersdelivereduk.com/blog/

    can anyone help?

    i replaced the default image with my own which is smaller in height. but as you will see the text is still showing as if the image was still the same height.

    i need to move the text up on the page.

    please help.

    thanks again

  5. Medizinische Abkuerzungen
    Member
    Posted 8 years ago #

    In your style.css you will find a section

    #header {
    padding: 0;
    margin: 0 auto;
    height: 200px;
    ...

    change height to

    height:150px;

    or whatever you like.

  6. naifyboy
    Member
    Posted 8 years ago #

    strange???

    i have customized the default theme. in the default folder i can find style.css but the #header entry is different to what you say.

    it only has background-color: #73a0c5 and has no reference to the height etc, etc;

    I.E -

    #header {
    background-color: #73a0c5;
    }

    it's the stylesheet on the theme folder i am working on.
    is that the right stylesheet?

    i have changed it by adding in the height but that made no difference.

  7. Medizinische Abkuerzungen
    Member
    Posted 8 years ago #

    Look a little bit further down.

    It is in the middle of the file.

  8. naifyboy
    Member
    Posted 8 years ago #

    oh yeah - thanks Stefan

Topic Closed

This topic has been closed to new replies.

About this Topic