Forums

Custom Image Header for Site Tite (25 posts)

  1. chrisin2
    Member
    Posted 1 year ago #

    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;
    }

  2. govpatel
    Member
    Posted 1 year ago #

    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

  3. chrisin2
    Member
    Posted 1 year ago #

    Did click you name...no link for recent post

  4. govpatel
    Member
    Posted 1 year ago #

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

  5. chrisin2
    Member
    Posted 1 year ago #

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

  6. govpatel
    Member
    Posted 1 year ago #

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

  7. chrisin2
    Member
    Posted 1 year ago #

  8. chrisin2
    Member
    Posted 1 year ago #

    the css for the header is above...

  9. govpatel
    Member
    Posted 1 year ago #

    You sure that right url as it gives me error

  10. chrisin2
    Member
    Posted 1 year ago #

    sorry....http://www.fedtaxresolution.com/

  11. govpatel
    Member
    Posted 1 year ago #

    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

  12. govpatel
    Member
    Posted 1 year ago #

    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

  13. chrisin2
    Member
    Posted 1 year ago #

    when i do the display:none;

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

  14. chrisin2
    Member
    Posted 1 year ago #

    <!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" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <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">

  15. chrisin2
    Member
    Posted 1 year ago #

    I have a site title and a tag line

  16. chrisin2
    Member
    Posted 1 year ago #

    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..

  17. chrisin2
    Member
    Posted 1 year ago #

    .blogname {
    width:400px;
    margin:35px 0 0 0px;
    height:70px; ( when I try to change height it send the menu left )
    text-align:left;
    float:left;
    padding-left:20px;

    }
    .blogname h1 {
    font-size:32px;
    padding:0 0 0px 0;
    font-weight:normal;
    color:#222;
    display:none; ( I put it here instead )

  18. govpatel
    Member
    Posted 1 year ago #

    Try this

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

    add display:none;

    and then

    <div id="top">

    <div class="blogname">
    <h1>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></h1> (Add your logo image here needs to small as you do not have much room)
    <h2><?php bloginfo('description'); ?></h2>
    </div>

  19. chrisin2
    Member
    Posted 1 year ago #

  20. govpatel
    Member
    Posted 1 year ago #

    yes looks ok
    <br>
    Put after the image code

  21. chrisin2
    Member
    Posted 1 year ago #

    I made the image a little smaller 390 x 67 instead of 400 x 90

    but now its does this....

    http://www.fedtaxresolution.com/

  22. govpatel
    Member
    Posted 1 year ago #

    did you <br> as I do not see it in code yet.

  23. govpatel
    Member
    Posted 1 year ago #

    You should have this

    <div class="blogname">
    <h1>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></h1>
    <img src="http://www.fedtaxresolution.com/wp-content/uploads/2010/10/tax-help-logo-miami-300x51.jpg" alt="Tax Help Logo Miami" title="Tax Help Logo Miami" width="300" height="51" class="alignleft size-medium wp-image-135" /><br>
    <h2><?php bloginfo('description'); ?></h2>
    </div>
  24. chrisin2
    Member
    Posted 1 year ago #

    Ok i figured it out....thank you very much...

  25. govpatel
    Member
    Posted 1 year ago #

    You welcome glad hear that it worked out

Topic Closed

This topic has been closed to new replies.

About this Topic