• Hi,

    I would really appreciate some help as quick as poss!
    I am trying to add an image to sit behind my title on my wordpress self-hosted site (www.showbiz-i.com). At present it’s just text.
    I have tried to add the image url to the ‘custom header’ option and it did change the header but the title was lost.
    The jpeg I am using is https://www.freewebpageheaders.com/gallery/data/526/web_page_header_11.jpg.
    It’s currently saved in my custom header option but is now not showing up at all and just my title text after I played around with the header php and css sheet a bit!

    Can someone tell me what I need to do (as simply as possible as I am not familiar with code and css etc!!) to just add this image behind the title text so I have a blue light (the image) with https://www.showbiz-i.com over the top of it / in front of it – so it basically looks like a professional website!

    I am rubbish and would appreciate any help anyone could give!!

    Thank you ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • I would really appreciate some help as quick as poss!

    who wouldn’t? ??

    edit style.css and find #header – then change the few lines to this:

    /* @ HEADER */
    #header {
    	position: relative;
    	padding: 16px 0px 18px 0px;
    	height: 65px;
    	background: transparent url(https://www.freewebpageheaders.com/gallery/data/526/web_page_header_11.jpg) repeat-x -50px 0px;
    }

    your theme is 960px wide, and your header background image is 800px wide – so it does not quite cover the whole width.

    You will need to add the image as a background to your header using CSS and your theme’s stylesheet.

    Thread Starter seabreeze75

    (@seabreeze75)

    Thank you both for getting back so quickly!
    alchymyth – I tried doing what you suggested and also deleted the jpg url from my ‘custom header’ section – and i ended up messing up the entire page!!
    Is it easier if I send you my CSS sheet so you can have a look where I might be going wrong?
    I have gone back to all the original settings now – so just have a blank title there.

    Thx :-))

    Thread Starter seabreeze75

    (@seabreeze75)

    Help!!
    I’m still stuck with this over a week later!
    I have now managed to design my own blog header which I have uploaded into my theme’s ‘custom header image’ section from a photobucket link ( I am using the Pagelines ‘Station’ theme) – and I can see the image previewed in my ‘themes dashboard panel’.
    But when I went to view the site, the URL is not showing and the original blog title is still there.
    Please can someone tell me what I am doing wrong? I also tried adding the link to my header CSS and it still didn’t work.
    My site is https://www.showbiz-i.com and this is what is in my header.php:

    <!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(); ?>>

    <head profile=”https://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <title><?php if(is_front_page()) { echo SITENAME; } else { wp_title(”); } ?></title>

    <!– WordPress Stuff –>
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
    <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); // FOR THREADED COMMENTS ?>

    <?php if(VPRO):?>
    <?php wp_enqueue_script(“jquery”); ?>
    <?php endif;?>
    <?php wp_head(); ?>

    <!– Meta Images –>
    <?php if(pagepress(‘favicon’)):?><link rel=”shortcut icon” href=”<?php echo pagepress(‘favicon’);?>” type=”image/x-icon” /><?php endif;?>
    <?php if(pagepress(‘touchicon’)):?><link rel=”apple-touch-icon” href=”<?php echo pagepress(‘touchicon’);?>” /><?php endif;?>

    <!– Stylesheets –>
    <link rel=”stylesheet” href=”<?php echo CSS_FOLDER.’/reset.css’;?>” type=”text/css” media=”screen” />
    <link rel=”stylesheet” href=”<?php echo CSS_FOLDER.’/trans.css’;?>” type=”text/css” media=”screen” />
    <link rel=”stylesheet” href=”<?php echo CSS_FOLDER.’/wp.css’;?>” type=”text/css” media=”screen” />
    <link rel=”stylesheet” href=”<?php echo ROOT.’/style.css’;?>” type=”text/css” media=”screen” />
    <?php if(VPRO):?>
    <link rel=”stylesheet” href=”<?php echo PRO_FOLDER.’/pro.css’;?>” type=”text/css” media=”screen” />
    <?php if(pagepress(‘thecolors’)):?>
    <link rel=”stylesheet” href=”<?php echo PRO_FOLDER.’/_thecolors.css’;?>” type=”text/css” media=”screen” />
    <?php endif;?>
    <?php endif; ?>

    <!– Javascript –>
    <?php if(VPRO):?>

    <?php if(is_page_template(‘page-feature.php’)):?><script type=”text/javascript” src=”<?php echo JS_FOLDER;?>/jquery.cycle.all.js”></script><?php endif;?>
    <script type=”text/javascript” src=”<?php echo JS_FOLDER;?>/custom.js”></script>

    <script type=”text/javascript”>

    var $j = jQuery.noConflict();

    $j(document).ready(function () {

    <?php if(is_page_template(‘page-feature.php’)):?>
    $j(‘#cycle’).cycle({
    fx: ‘fade’,
    timeout: <?php if(pagepress(‘timeout’)):?><?php echo pagepress(‘timeout’);?><?php else:?>0<?php endif;?>,
    speed: <?php if(pagepress(‘fspeed’)):?><?php echo pagepress(‘fspeed’);?><?php else:?>1500<?php endif;?>,
    pager: ‘#featurenav’,
    cleartype: true,
    cleartypeNoBg: true
    });
    <?php endif;?>
    });
    </script>
    <?php endif; ?>

    <!– IE –>

    <!–[if IE 6]>
    <link rel=”stylesheet” href=”<?php echo CSS_FOLDER.’/ie6.css’;?>” type=”text/css” media=”screen” />
    <![endif]–>
    <!–[if lt IE 8]>
    <script src=”https://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js&#8221; type=”text/javascript”></script>
    <![endif]–>
    <!–[if IE 6]>
    <script type=”text/javascript” src=”<?php echo JS_FOLDER; ?>/belatedpng.js”></script>
    <script>
    DD_belatedPNG.fix(‘.pngbg, .headline a img, .fboxtext img, .icons a, .plimage, .post-footer .left span, .twitter, .hentry, #subhead’);
    </script>
    <![endif]–>

    <!– Custom Options –>
    <?php include (TEMPLATEPATH.’/_customcss.php’); ?>
    <?php if (pagepress(‘headerscripts’)) echo pagepress(‘headerscripts’);?>
    <meta name=”google-site-verification” content=”BPEQYnZWzX3jBeTHCvHn5WO8dHtHzgFgkdulhBUkEKU” />
    </head>
    <body <?php body_class(); ?>>
    <div id=”site” class=”<?php if(pagepress(‘blogbg’) && is_home()):?><?php echo pagepress(‘blogbg’);?><?php elseif(pagepress(‘headerbg’) && is_home()):?><?php echo pagepress(‘headerbg’);?><?php elseif(get_post_meta($post->ID, ‘headerbg’, true)):?><?php echo get_post_meta($post->ID, ‘headerbg’, true);?><?php elseif(pagepress(‘headerbg’)):?>
    <?php echo pagepress(‘headerbg’);?><?php endif;?>”>
    <div id=”wrapper”>
    <div id=”cred”>
    <div class=”p fix” style=”padding: 0px “>
    <?php echo pagepress(‘credlink’);?><?php else:?>https://www.pagelines.com&lt;?php endif;?>”>
    <?php if(pagepress(‘credtext’)):?><?php echo pagepress(‘credtext’); ?>
    <?php else:?>professional wordpress themes
    <?php endif;?>

    </div>
    </div>

    <div id=”pagewrap” class=””><div id=”pagewrap2″ class=””>
    <div id=”hcontain” class=”container_12 fix”>
    <div id=”header” class=”fix”>
    <div class=”headline”>
    <?php if(pagepress (‘custom header’)):?>
    /” title=”<?php bloginfo(‘name’);?>”><img src=”<?php echo pagepress(‘custom_header’);?>” alt=”<?php bloginfo(‘name’);?>” />
    <?php else:?>
    <h1 class=”site-title”>/” title=”Home”><?php bloginfo(‘name’);?></h1>
    <h6 class=”site-description”><?php bloginfo(‘description’);?></h6>
    <?php endif;?>
    </div>
    <div class=”icons”>

    <?php if(pagepress(‘rsslink’)):?>
    ” class=”rsslink”>
    <?php endif;?>

    <?php if(VPRO):?>
    <?php if(pagepress(‘twitterlink’)):?>
    ” class=”twitterlink”>
    <?php endif;?>
    <?php if(pagepress(‘facebooklink’)):?>
    ” class=”facebooklink”>
    <?php endif;?>
    <?php if(pagepress(‘linkedinlink’)):?>
    ” class=”linkedinlink”>
    <?php endif;?>
    <?php endif;?>

    </div>
    </div>
    </div>
    <div class=”contentshadow fix”>
    <div class=”contentshadowfade”>
    <div class=”container fix”>
    <div id=”nav” class=”fix”>
    <ul class=”clearfix”>
    <li class=”page_item “>/” title=”Home”>Home
    <?php
    $frontpage_id = get_option(‘page_on_front’);
    wp_list_pages(‘sort_column=menu_order&exclude=’.$frontpage_id.’&depth=1&title_li=’);?>

    <?php if(!pagepress(‘hidesearch’)):?>
    <?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
    <?php endif; ?>
    </div><!– /nav –>
    <div class=”clear”></div>

    I would also like to know how I can alter the size of advertisements on my blog as one of my widgets containing html code looks slightly off the page and needs aligning – any clue how i do this?? Do I need to amend the code in the widget?

    Hope someone can help me with my questions soon!!

    Thanks

    kate

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help with Header Image and Title Please!!’ is closed to new replies.