Support » Fixing WordPress » Custom Image Header for Site Tite

  • How do I put a logo or image instead of text site H1 title.
    Below is my Css

    /* The Header */

    #top {
    height:120px;
    margin:auto;
    width:1000px;
    position:relative;

    }

    .subcribe{
    position:absolute;
    right:40px;
    bottom:15px;
    }

    .subcribe a:link,.subcribe a:visited{
    color:#222;
    }

    .subcribe a:hover{
    color:#FFAB06;
    }

    .blogname {
    width:400px;
    margin:35px 0 0 0px;
    height:70px;
    text-align:left;
    float:left;
    padding-left:20px;

    }
    .blogname h1 {
    font-size:32px;
    padding:0 0 0px 0;
    font-weight:normal;
    color:#222;

    }
    .blogname h1 a:link, .blogname h1 a:visited{
    color: #222;
    display:block;
    margin:5px 0 0 0px;
    }

    .blogname h1 a:hover {
    color: #111;
    }
    .blogname h2 {
    margin:0px 0px 0px 0px;
    font-size:15px;
    font-weight:normal;
    color: #e89b05;

    }
    .head{
    height:230px;
    width:1000px;
    float:left;
    background:url(images/head.jpg);
    }

    .subhead{

    width:440px;
    height:200px;
    margin:50px 30px 0px 0px;
    overflow:hidden;
    float:right;
    }

    .subhead h3{
    color:#fff;
    font-weight:bold;
    font-size:18px;
    padding:10px 0px;

    }

    .subhead p{
    color:#69c8bd;
    line-height:22px;
    }

Viewing 15 replies - 1 through 15 (of 24 total)
  • I have video on my site on how to have a logo where the title is click on my name and click recent posts

    let me know if you need any help

    Thread Starter chrisin2

    (@chrisin2)

    Did click you name…no link for recent post

    I am sorry I was editing my profile and had my wordpress profile url I changed it back click now.

    Thread Starter chrisin2

    (@chrisin2)

    Easy enough..but thats for the default worpress theme. What about my theme above..

    You need post your url to see what is used on your theme

    Thread Starter chrisin2

    (@chrisin2)

    Thread Starter chrisin2

    (@chrisin2)

    the css for the header is above…

    You sure that right url as it gives me error

    Thread Starter chrisin2

    (@chrisin2)

    In style.css look for this code

    .blogname {
    float:left;
    height:70px;
    margin:35px 0 0 0;
    padding-left:20px;
    text-align:left;
    width:400px;

    add

    display:none;

    and save style.css

    that will stop displaying your tile

    as for where to add logo I need to see your header.php see if can paste it in pastebin

    you could try and put it after

    <div class=”blogname”>
    there is php code here
    </div>paste your logo html code here

    Thread Starter chrisin2

    (@chrisin2)

    when i do the display:none;

    the ad space to the right move to top middle of the header.

    Thread Starter chrisin2

    (@chrisin2)

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>
    <head profile=”http://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <title><?php wp_title(”); ?></title>
    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” />

    <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=”alternate” type=”application/atom+xml” title=”<?php bloginfo(‘name’); ?> Atom Feed” href=”<?php bloginfo(‘atom_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/glide.css” media=”screen” />

    <?php
    wp_enqueue_script(‘jquery’);
    wp_enqueue_script(‘cufon’, get_stylesheet_directory_uri() . ‘/js/cufon.js’);
    wp_enqueue_script(‘Myriad’, get_stylesheet_directory_uri() . ‘/js/Myriad_Pro_700.font.js’);
    wp_enqueue_script(‘Effects’, get_stylesheet_directory_uri() .’/js/effects.js’);
    wp_enqueue_script(‘Coin’, get_stylesheet_directory_uri() .’/js/coin-slider.min.js’);
    wp_enqueue_script(‘sprinkle’, get_stylesheet_directory_uri() .’/js/sprinkle.js’);
    wp_enqueue_script(‘jquery-ui-personalized-1.5.2.packed’, get_stylesheet_directory_uri() .’/js/jquery-ui-personalized-1.5.2.packed.js’);
    ?>

    <script type=”text/javascript”><!–//–><![CDATA[//><!–
    sfHover = function() {
    if (!document.getElementsByTagName) return false;
    var sfEls1 = document.getElementById(“catmenu”).getElementsByTagName(“li”);
    for (var i=0; i<sfEls1.length; i++) {
    sfEls1[i].onmouseover=function() {
    this.className+=” sfhover1″;
    }
    sfEls1[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(” sfhover1\\b”), “”);
    }
    }
    var sfEls1 = document.getElementById(“menu”).getElementsByTagName(“li”);
    for (var i=0; i<sfEls1.length; i++) {
    sfEls1[i].onmouseover=function() {
    this.className+=” sfhover”;
    }
    sfEls1[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(” sfhover\\b”), “”);
    }
    }
    }
    if (window.attachEvent) window.attachEvent(“onload”, sfHover);
    //–><!]]></script>

    <?php wp_get_archives(‘type=monthly&format=link’); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php
    if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ );
    wp_head(); ?>

    </head>
    <body>

    <div id=”wrapper” class=”rounded”>

    <div id=”top”>

    <div class=”blogname”>
    <h1>/” title=”<?php bloginfo(‘name’);?>”><?php bloginfo(‘name’);?></h1>
    <h2><?php bloginfo(‘description’); ?></h2>
    </div>

    <?php include (TEMPLATEPATH . ‘/searchform.php’); ?>

    <?php include (TEMPLATEPATH . ‘/topad.php’); ?>

    </div>

    <div id=”catmenucontainer”>

    <?php wp_nav_menu( array( ‘container_id’ => ‘catmenu’,’theme_location’ => ‘primary’,’fallback_cb’=> ” ) ); ?>

    </div>

    <div id=”foxmenucontainer”>

    <?php wp_nav_menu( array( ‘container_id’ => ‘menu’, ‘theme_location’ => ‘secondary’,’fallback_cb’=> ” ) ); ?>

    </div>

    <div id=”casing”>

    Thread Starter chrisin2

    (@chrisin2)

    I have a site title and a tag line

    Thread Starter chrisin2

    (@chrisin2)

    I know its this…

    <div id=”top”>

    <div class=”blogname”>
    <h1>/” title=”<?php bloginfo(‘name’);?>”><?php bloginfo(‘name’);?></h1>
    <h2><?php bloginfo(‘description’); ?></h2>
    </div>

    But I want to keep the h2 tagline..

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘Custom Image Header for Site Tite’ is closed to new replies.