custom header

  • I am trying to get a custom header to work and I can’t get it to show up.
    The blog is at test.thegetsmartblog.com the header image can be seen at https://test.thegetsmartblog.com/wp-content/themes/plainscape/images/head.png

    In the stylesheet the code for the header is
    #header {height:160px;background:url(images/header1.png) 0 0 no-repeat;}

    So I added the image to the images folder in the theme folder

    In the header.php I don’t see a place to add the header…
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>

    <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’); ?>” />

    <?php wp_head(); ?>
    </head>
    <body>

    <div id=”page”>
    <div id=”header”>
    <h1>/”><?php bloginfo(‘name’); ?></h1>
    <h2>/”><?php bloginfo(‘description’); ?></h2>
    <?php if (function_exists(‘suckerfish’)) {suckerfish();} ?>
    </div>
    <!– end header –>

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

  • Well, you header is too tall for your theme, but if you find this code in style.css:

    #header {height:160px;background:url(images/header1.png) 0 0 no-repeat;}

    and replace it with this:

    #header {height:160px;background:url(https://test.thegetsmartblog.com/wp-content/themes/plainscape/images/head.png) 0 0 no-repeat;}

    Then your header will show up, but you’re going to need to make more adjustments to get everything to show up properly.

    Thread Starter getsmartgal

    (@getsmartgal)

    Thank you, can you tell me how I can make the area for the header larger? Can I reduce the padding between the header and the h1 and h2 will that give me more space/width?

    I added in a nav bar I want that to come down as well, if that could be brought lower we would see the whole header I am not sure if I need to adjust that plugin manually or if increasing the header space will fix that also?

    Finally the text that is coming in over the image is test.thegetsmartblog.com do you know where that title might be so I can delete that?

    add the following

    #header h1, #header h2 {display: none};
#pixopoint_menu_wrapper1{padding:160px 0 0 0}

    for SEO you can keep your H1 H2 but just set them to invisible (display:none)

    Give this a try. Find the following in style.css:

    #header h1 {margin:0; color:#FFF; padding:45px 0 0 30px; font-size:36px; font-weight:normal;}

    Change it to the following:

    #header h1 {margin:0; color:#FFF; padding:138px 0 0 30px; font-size:0px; font-weight:normal;}
    Thread Starter getsmartgal

    (@getsmartgal)

    I am not sure where to put that in header.php I have

    <div id=”header”>
    <h1>/”><?php bloginfo(‘name’); ?></h1>
    <h2>/”><?php bloginfo(‘description’); ?></h2>

    When I removed name and description it gave me more room but did not remove the white writing

    in the stylesheet I have

    /* header */
    #header h1 {margin:0; color:#FFF; padding:45px 0 0 30px; font-size:36px; font-weight:normal;}
    #header h2 {margin:0; color:#FFF; font-size:16px; padding:0 0 0 30px; font-weight:normal;}
    #header a:link, #header a:visited, #header a:hover, #header a:active {color:#FFF; text-decoration:none;}

    I changed the padding:45px to 160px but nothing happened

    Thread Starter getsmartgal

    (@getsmartgal)

    So sorry what you told me worked I was just trying to do too many things at once please ignore my last and thank you!!

    Thread Starter getsmartgal

    (@getsmartgal)

    Okay I spoke too soon one more thing….how can I add the rss into the header on the right side?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘custom header’ is closed to new replies.