WordPress.org

Ready to get started?Download WordPress

Forums

Custom Header on Vigilance theme... again. Seriously. Need help though.... (6 posts)

  1. andre0170
    Member
    Posted 3 years ago #

    Ok gang. Banging on the Vigilance header... again. Sorry. I've read the threads and still can't find what I need. I will post a step by step how-to on this topic for everyone if I get a fix. So please help if you can?

    I am using the Vigilance theme. I have downloaded and installed its Child Theme. I want to change the header text at the very top of the site, and replace with a full page-width custom header graphic. I do not need a graphic under the top nav (standard) - only above it, where the default text header currently resides.

    The site:

    http://www.mytexasmedplan.com

    Child theme instructions say to upload the Child theme in it's own folder: done. Then edit and replace the Child's style.css file rather than the Master.css file on the original theme to avoid breaks and override the original: done.

    I've successfully tinkered with the Child style.css file, including changing the look of the very top header text, line width's etc. I can't, however, find the code that controls and/or gets rid of it for a complete replacement of the header - where my grapic should go (and clickable to my URL). Can I get some help? I'll give back - I promise!

    The Child Theme style.css:

    /*
    Theme Name:	Vigilance *Child Theme*
    Theme URI: 	http://themes.jestro.com/vigilance/
    Description: 	Your custom child theme for Vigilance. Make all your custom changes in the <code>themes/myvigilance</code> folder.
    Author:		Drew Strojny
    Author URI:	http://www.jestro.com
    Template: vigilance
    */
    
    /* Import Stylesheets, don't remove these.
    -----------------------------------------------------------*/
    @import url("../vigilance/stylesheets/master.css");
    @import url("../vigilance/functions/stylesheets/style-options.php");
    
    /* Required WordPress Classes, don't remove these.
    -----------------------------------------------------------*/
    .aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
      }
    .alignleft { float: left; }
    .alignright { float: right; }
    
    /* Make all custom CSS changes BELOW this line
    -----------------------------------------------------------*/
    /* Example: Change the sidebar background to blue:
    #sidebar {
    	background: blue;
    	}
    */
    /*Undo browser defaults
    ------------------------------------------------------------ */
    :link, :visited { text-decoration: none; }
    ul, ol { list-style: none; }
    h1, h2, h3, h4, h5, h6, pre, code, p { font-size: 1em; }
    ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
    a img, :link img, :visited img { border: none; }
    address { font-style: normal; }
    
    /*Body & Links
    ------------------------------------------------------------ */
    body {
    	font-size: 69.5%;
    	font-family: Georgia, "Times New Roman", Times, Serif;
    	line-height: 2.2em;
    	color: #333;
    	background-color: #fff;
    }
    a:link, a:visited { color: #772124; }
    a:hover {
    	text-decoration: underline;
    	color: #58181b;
    }
    /*Basic Structure
    ------------------------------------------------------------ */
    #wrapper {
    	width: 930px;
    	margin: 0 auto;
    	text-align: left;
    }
    #content {
    	float: left;
    	width: 600px;
    	padding: 20px 30px 20px 0;
    }
    #sidebar {
    	float: right;
    	width: 300px;
    	padding-bottom: 20px;
    }
    .thin-sidebar {
    	float: left;
    	width: 140px;
    }
    .spad { padding-right: 20px; }
    #footer {
    	clear: both;
    	padding-top: 5px;
    	border-top: 1px solid #eee;
    }
    .clear:after, li.comment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    div.skip-content { display: none; }
    /*Header
    ------------------------------------------------------------ */
    #header {
    	padding: 20px 0 10px 0;
    	border-bottom: 2px solid #333;
    }
    h1#title, div#title {
    	font-size: 4.6em;
    	font-weight: bold;
    	line-height: 1.3em;
    }
    div#title-logo { padding-bottom: 10px; }
    h1#title a:link, h1#title a:visited, div#title a:link, div#title a:visited	{ color: #444; }
    h1#title a:hover, div#title a:hover { color: #772124; text-decoration: none; }
    /*Description
    ---------------------------------------*/
    #description { float: left; }
    #description h2 {
    	font-size: 1.2em;
    	font-weight: normal;
    	color: #666;
    }
    /*Nav
    ---------------------------------------*/
    #nav {
    	float: right;
    	font-size: 1.5em;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    }
    #nav ul { position: relative; }
    #nav ul li {
    	float: left;
    	margin: 0 0 0 15px;
    }
    #nav ul li:first-child { margin: 0; }
    #nav li a {
    	padding-top: .1em;
    	color: #333;
    	text-decoration: none;
    }
    #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a, #nav li.current-cat a, #nav li a:hover {
    	color: #772124;
    	text-decoration: none;
    	border-top: 4px solid #772124;
    }
    /*Menu
    ------------------------------------------------------------ */
    #menu { padding-bottom: 10px; }
    #menu img { border: 2px solid #eee; }
    .alert-box {
    	margin: 0 0 20px 0;
    	padding: 20px;
    	background: #f3f3f2;
    	border: 1px solid #e3e1db;
    }
    /*Post Styling
    ------------------------------------------------------------ */
    /*Post Header
    ---------------------------------------*/
    .post-header {
    	border-bottom: 4px double #eee;
    	padding-bottom: 7px;
    }
    .post-header h1, .post-header h2 {
    	font-size: 2.6em;
    	line-height: 1.1em;
    	font-weight: normal;
    }
    .post-header h1 a:link, .post-header h1 a:visited,.post-header h2 a:link, .post-header h2 a:visited	 { color: #444; }
    .post-header h1 a:hover, .post-header h2 a:hover { color: #772124; }
    .comments {
    	padding-top: 10px;
    	font-size: 1.3em;
    	color: #757575;
    	text-transform: uppercase;
    }
    .comments a {
    	display: block;
    	color: #757575;
    	padding: 0 0 0 25px;
    	background: url(../images/comments-bubble.gif) no-repeat 0 4px;
    }
    .comments a:hover {
    	color: #772124;
    	background-position: 0 -24px;
    }
    .post .date {
    	float: right;
    	padding-top: 10px;
    	color: #757575;
    	font-size: 1.6em;
    	font-weight: normal;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    	text-transform: uppercase;
    }
    .post .date span {
    	color: #ddd;
    	font-weight: bold;
    }
    #single-date { float: none; }
    /*Post Meta
    ---------------------------------------*/
    .meta {
    	margin: 10px 0 20px 0;
    	font-size: 1.2em;
    	color: #666;
    }
    .meta a:link, .meta a:visited {
    	color: #666;
    	font-style: normal;
    }
    .meta a:hover { color: #772124; }
    .tags {
    	float: right;
    	width: 400px;
    	text-align: right;
    	font-style: italic;
    }
    /*Post Body
    ---------------------------------------*/
    .entry a:link, .entry a:visited, .alert-box a:link, .alert-box a:visited { text-decoration: underline; }
    .entry a:hover, .alert-box a:hover { text-decoration: none; }
    .entry { font-size: 1.3em; }
    .entry p { margin-bottom: 10px; }
    .entry p.notice {
    	padding: 15px;
    	background-color: #fffbcc;
    	border: 1px solid #f8f4c7;
    }
    .alert-box p { margin: 10px 0 0 0; }
    .entry h2, .entry h3, .entry h4 {
    	font-size: 1.3em;
    	padding: 15px 0 5px 0;
    }
    .entry h3 {
    	padding-top: 10px;
    	font-size: 1em;
    }
    .entry h4 {
    	padding-top: 10px;
    	font-size: .9em;
    }
    .alert-box h2, .alert-box h3, .alert-box h4 { margin: 0; padding: 0; }
    pre {
    	margin: 10px 0;
    	padding: 1em 10px;
    	overflow: auto;
    	background-color: #f3f3f3;
    	color: #000;
    }
    code {
    	padding: 2px 3px;
    	font: 1.1em Consolas, Courier New, sans-serif;
    	background-color: #f3f3f3;
    	color: #000;
    }
    pre code { font-size: 1.3em; }
    blockquote {
    	clear: both;
    	display: block;
    	padding: 20px 20px 10px 45px;
    	margin: 20px 0;
    	font-style: italic;
    	font-size: 1.2em;
    	color: #141310;
    	background: #e7e6e2 url(../images/blockquote.gif) no-repeat top left;
    }
    .entry ul, .c-body ul { margin: 0 0 10px 10px; }
    .entry ul li, .c-body ul li {
    	display: block;
    	margin: 5px 0 0 0;
    	padding: 0 0 0 17px;
    	background: url(../images/list-star.gif) no-repeat 0 .3em;
    }
    .entry ol, .c-body ol { margin: 0 0 15px 30px; }
    .entry ol li ol li, .c-body ol li ol li {
    	font-size: .9em;
    	list-style-type: lower-roman;
    }
    .entry ol li, .c-body ol li {
    	margin: 10px 0 0 0;
    	list-style-type: decimal;
    	list-style-position: outside;
    }
    .navigation {
    	padding: 10px 0;
    	font-size: 1.3em;
    }
    .index { padding: 0; }
    .float-quote {
    	float: left;
    	width: 300px;
    	padding: 15px;
    	margin: 10px 10px 0 0;
    	background: #eaeaea;
    	border-top: 4px solid #333;
    	border-bottom: 4px solid #333;
    }
    .entry .float-quote p {
    	margin: 0;
    	padding: 0 0 0 40px;
    	font-size: 1.2em;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    	line-height: 1.3em;
    	background: url(../images/float-quote.gif) no-repeat top left;
    }
    .highlight-box {
    	float: right;
    	margin: 0 0 10px 10px;
    	width: 200px;
    	padding: 10px;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    	border-top: 8px solid #000;
    	background: #772124;
    	color: #fff;
    }
    .highlight-box a:link, .highlight-box a:visited {
    	color: #fff;
    	text-decoration: underline;
    }
    .highlight-box a:hover { text-decoration: none; }
    .entry .highlight-box p {
    	margin: 10px 0;
    	line-height: 1.4em;
    	font-size: 1.1em;
    }
    .entry .highlight-box ul li {
    	font-size: 1.1em;
    	background: url(../images/list-square.gif) no-repeat 0 .4em;
    }
    .entry .highlight-box h2, .entry .highlight-box h3, .entry .highlight-box h4 {
    	margin: 0;
    	padding: 0;
    	color: #fff;
    }
    .highlight-box h2 { text-transform: uppercase; }
    /*Post Footer
    ---------------------------------------*/
    .post-footer {
    	padding-bottom: 2px;
    	margin: 0 0 30px 0;
    	font-size: 1.1em;
    	font-style: italic;
    	text-align: right;
    	color: #666;
    	border-bottom: 1px solid #eee;
    }
    .post-footer a:link, .post-footer a:visited {
    	color: #333;
    	font-style: normal;
    }
    .post-footer a:hover { color: #772124; }
    /*Pages
    ---------------------------------------*/
    h1.pagetitle, h2.pagetitle {
    	margin-bottom: 20px;
    	padding-bottom: 7px;
    	font-size: 2.6em;
    	line-height: 1.1em;
    	border-bottom: 4px double #eee;
    }
    /*Archives List
    ---------------------------------------*/
    img.archive-comment {
    	float: right;
    	margin: 0 .5em .5em 0;
    }
    .entries {
    	font-size: 1.3em;
    	clear: both;
    }
    .entries ul {
    	margin: 0;
    	padding: 0 0 1px 0;
    	background: transparent url(../images/archives-dotted-line.gif) repeat-x bottom left;
    }
    .entries ul li {
    	padding-top: 1px;
    	background: transparent url(../images/archives-dotted-line.gif) repeat-x top left;
    }
    .entries ul li a {
    	display: block;
    	margin: 0;
    	padding: 7px 0;
    }
    .entries ul li a:hover {
    	background-color: #F8F8F7;
    	text-decoration: none;
    }
    .entries span {
    	display: block;
    	text-align: right;
    }
    .entries span.archdate, .entries a:hover span.archdate	{
    	float: left;
    	margin-right: 3em;
    	padding-left: .5em;
    	width: 3em;
    	color: #666;
    }
    .entries span.comments_number{
    	float: right;
    	margin-right: .5em;
    	width: 3em;
    	color: #666;
    }
    /*Sidebar
    ------------------------------------------------------------ */
    #sidebar-image { padding-top: 20px; }
    #sidebar-image { font-size: 1.3em; }
    #sidebar-image p {
    	margin-bottom: 15px;
    	line-height: 1.6em;
    }
    h2.widgettitle {
    	padding: 25px 0 3px 0;
    	font-size: 1.4em;
    	font-weight: normal;
    	text-transform: uppercase;
    	letter-spacing: 1.05pt;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    	border-bottom: 1px solid #eee;
    }
    ul li.widget ul {
    	margin: 0;
    	font-size: 1.4em;
    }
    ul li.widget ul li ul {
    	margin-left: 5px;
    	font-size: 1em;
    }
    ul li.widget ul li {
    	padding: 8px 0;
    	border-bottom: 1px solid #eee;
    }
    ul li.widget ul li ul li { border-bottom: none; }
    ul li.widget ul li a {
    	display: block;
    	padding: 0 0 0 15px;
    	background: url(../images/list-item.gif) no-repeat 0 6px;
    }
    ul li.widget ul li a:hover { background-position: 0 -136px; }
    ul li.widget ul#recentcomments li a {
    	padding: 0;
    	background: none;
    }
    div.textwidget p {
    	font-size: 1.3em;
    	margin: 10px 0 0 0;
    }
    li.widget select { margin-top: 10px; }
    /*RSS Box
    ---------------------------------------*/
    #rss-feed	 { padding-top: 10px; }
    #rss-feed p {
    	font-size: 1.3em;
    	line-height: 1.6em;
    }
    #rss-feed a.rss, #rss-feed a.email, #rss-feed a.twitter {
    	float: left;
    	font-size: 1.3em;
    	margin: 10px 10px 0 0;
    	display: block;
    	padding: 0 0 0 19px;
    	background: url(../images/feed-icon.png) no-repeat 0 .25em;
    }
    #rss-feed a.email {
    	padding: 0 0 0 25px;
    	background: url(../images/mail-icon.png) no-repeat 0 .4em;
    }
    #rss-feed a.twitter {
    	margin-right: 0;
    	padding-left: 19px;
    	background: url(../images/twitter-icon.png) no-repeat 0 .15em;
    }
    /*Search Box
    ---------------------------------------*/
    #search_form input { margin: 10px 0 0 0; }
    #search_form input {
    	padding: 4px 2px;
    	width: 132px;
    	border: 2px solid #acacac;
    	border-bottom: 1px solid #ccc;
    	border-right: 1px solid #ccc;
    	background: #f4f4f4;
    	color: #888;
    }
    #search_form input:focus { background: #fff; }
    #search_form input#searchsubmit { padding: 2px 10px; }
    
    /*Comments
    ------------------------------------------------------------ */
    /*Top
    ---------------------------------------*/
    .comment-number {
    	display: block;
    	font-size: 1.3em;
    	padding: 0 0 10px 30px;
    	background: url(../images/comments-bubble-big.gif) no-repeat 0 .1em;
    }
    .comment-number span {
    	font-size: 1.3em;
    	color: #777;
    }
    a#leavecomment { padding-left: 10px; }
    /*Body
    ---------------------------------------*/
    li.comment { padding: 20px 0 0 0; }
    #comments ul.children {
    	margin: 10px 0 0 96px;
    	clear: both;
    }
    div.c-grav {
    	float: left;
    	width: 60px;
    	margin: 0;
    	text-align: right;
    }
    div.c-grav img {
    	border: 4px solid #e3e3e3;
    	-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    }
    div.c-body {
    	float: right;
    	width: 474px;
    	font-size: 1.3em;
    	background: #f3f3f3;
    	padding: 20px 20px 0 20px;
    	-moz-border-radius: 12px;
    	-webkit-border-radius: 12px;
    }
    ul.children div.c-body { width: 378px; }
    div.c-body p { margin: 10px 0 0 0; }
    div.c-head { font-weight: bold; }
    span.asterisk {
    	float: right;
    	color: #772124;
    	font-size: 2.2em;
    }
    div.c-date {
    	color: #bbb;
    	font-size: .9em;
    	line-height: 0;
    	padding: 10px 0 5px 0;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    	font-weight: bold;
    }
    .c-permalink a:link, .c-permalink a:visited {
    	margin-left: 5px;
    	color: #ccc;
    	font-size: .7em;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    	text-transform: uppercase;
    }
    div.reply, div.cancel-comment-reply { float: right; }
    div.reply { padding: 10px 0; }
    div.reply a:link, div.reply a:visited {
    	color: #aaa;
    	font-size: .9em;
    	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    	text-transform: uppercase;
    	border-bottom: 1px dotted;
    }
    div.reply a:hover {
    	border-bottom: 1px solid;
    	text-decoration: none;
    }
    /*Form
    ---------------------------------------*/
    form#commentform { margin-bottom: 20px; }
    #respond { font-size: 1.5em; }
    h4#postcomment {
    	margin: 20px 0;
    	padding: 0 0 5px 0;
    	font-size: 1.2em;
    	color: #555;
    	border-bottom: 1px solid #eee;
    }
    form#commentform label.comment-field {
    	display: block;
    	margin: 10px 0 5px 0;
    }
    input.text-input, form#commentform textarea {
    	padding: 7px;
    	background: #f8f8f8;
    	font-family: inherit;
    	font-size: .9em;
    	border: 1px solid #e6e6e6;
    	width: 591px;
    }
    input#author, input#email, input#url { width: 350px; }
    form#commentform input:focus, form#commentform textarea:focus { background: #fff; }
    form#commentform input#submit {
    	padding: 5px;
    	width: 150px;
    }
    form#commentform p.guidelines {
    	margin: 10px 0;
    	font-size: .8em;
    	color: #777;
    }
    p.subscribe-to-comments, p.comments-rss {
    	margin: 0 0 10px 0;
    	font-size: .9em;
    }
    p.comments-rss a {
    	padding: 0 0 0 19px;
    	background: url(../images/feed-icon.png) no-repeat 0 .15em;
    }
    /*Note
    ---------------------------------------*/
    p.note {
    	font-style: italic;
    	font-size: 1.3em;
    }
    /*Pingbacks/Trackbacks
    ---------------------------------------*/
    h3.pinghead {
    	font-size: 1.3em;
    	color: #444444;
    }
    ol.pinglist {
    	list-style-type: decimal;
    	list-style-position: inside;
    	margin: 0 0 10px 10px;
    	font-size: 1.3em;
    }
    
    /*Default Alignment and Images
    ------------------------------------------------------------ */
    .entry img.alignleft, .entry img.alignright, .entry img.aligncenter { border: 2px solid #eee; }
    .noborder { border: none; }
    .entry .alignright, .entry .alignright .float-quote { margin: 0 0 10px 15px; }
    .entry .alignleft, .entry .alignleft .highlight-box { margin: 0 15px 10px 0; }
    .wp-caption p {
    	font-style: italic;
    	color: #888;
    }
    /*Footer
    ------------------------------------------------------------ */
    #footer {
    	color: #666;
    	font-size: 1.1em;
    }
    #footer p.right { float: right; }
    #footer a:link, #footer a:visited {
    	color: #666;
    	text-decoration: underline;
    }
    #footer a:hover { color: #772124; }
  2. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    #header {
    	padding: 20px 0 10px 0;
    	border-bottom: 2px solid #333;
    }

    a background-image here would apply to the entire header (behind site title, description, nav)

    h1#title, div#title {
    	font-size: 4.6em;
    	font-weight: bold;
    	line-height: 1.3em;
    }

    One here would go just behind the main title, above the nav

    But, to make the entire image clickable, that won't work

    you'd want to edit in header.php...and add it in there where your title div is

    Are you wanting a clickable image instead of the current text? Or an image and the text?

    Also, are you using the firebug addon for firefox? Itll allow you to click on any item on your page to see what css element applies, so you can easily adjust your css

  3. andre0170
    Member
    Posted 3 years ago #

    Thanks Rev - wanting a clickable header image instead of the current text. Been searching for hours so your thoughts are very welcome.

    I've been using Safari, but could use firefox and get the add-on. Sounds like I could use it.

    So with the clickable image, do I still need edit the Child css, or go into the header.php file and edit that...?Sorry but I'm all jumbled up from thinking this through... sigh.

    Here is the header.php code - in case it helps:

    <?php global $vigilance; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<?php if ( is_front_page() ) : ?>
    		<title><?php bloginfo( 'name' ); ?></title>
    	<?php elseif ( is_404() ) : ?>
    		<title><?php _e( 'Page Not Found |', 'vigilance' ); ?> <?php bloginfo( 'name' ); ?></title>
    	<?php elseif ( is_search() ) : ?>
    		<title><?php printf( __("Search results for '%s'", "vigilance"), get_search_query()); ?> | <?php bloginfo( 'name' ); ?></title>
    	<?php else : ?>
    		<title><?php wp_title($sep = '' ); ?> | <?php bloginfo( 'name' );?></title>
    	<?php endif; ?>
    
    	<!-- Basic Meta Data -->
    	<meta name="copyright" content="Design is copyright 2008 - <?php echo date('Y'); ?> The Theme Foundry" />
    	<meta http-equiv="imagetoolbar" content="no" />
    	<meta http-equiv="Content-Type" content="<?php bloginfo( 'html_type' ); ?>; charset=<?php bloginfo( 'charset' ); ?>" />
    	<?php if ((is_single() || is_category() || is_page() || is_home()) && (!is_paged())) {} else { ?>
    		<meta name="robots" content="noindex,follow" />
    	<?php } ?>
    
    	<!-- Favicon -->
    	<link rel="shortcut icon" href="<?php bloginfo( 'stylesheet_directory' ); ?>/images/favicon.ico" />
    
    	<!--Stylesheets-->
    	<link href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" rel="stylesheet" />
    	<!--[if lt IE 8]><link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo( 'template_url' ); ?>/stylesheets/ie.css" /><![endif]-->
    	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo( 'template_url' ); ?>/stylesheets/ie6.css" /><![endif]-->
    
    	<!--WordPress-->
    	<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' ); ?>" />
    
    	<!--WP Hook-->
    	<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    	<?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>
    	<div class="skip-content"><a href="#content"><?php _e( 'Skip to content', 'vigilance' ); ?></a></div>
    	<div id="wrapper">
    		<div id="header" class="clear">
    			<?php if (is_home()) echo( '<h1 id="title">' ); else echo( '<div id="title">' );?><a href="<?php bloginfo( 'url' ); ?>"><?php bloginfo( 'name' ); ?></a><?php if (is_home()) echo( '</h1>' ); else echo( '</div>' );?>
    			<div id="description">
    				<h2><?php bloginfo( 'description' ); ?></h2>
    			</div><!--end description-->
    			<div id="nav">
    				<ul>
    					<li class="page_item <?php if (is_front_page()) echo( 'current_page_item' );?>"><a href="<?php bloginfo( 'url' ); ?>"><?php _e( 'Home', 'vigilance' ); ?></a></li>
    					<?php if ($vigilance->hidePages() !== 'true' ) : ?>
    						<?php wp_list_pages( 'title_li=&depth=1' ); ?>
    					<?php endif; ?>
    					<?php if ($vigilance->hideCategories() != 'true' ) : ?>
    						<?php wp_list_categories( 'title_li=&depth=1' ); ?>
    					<?php endif; ?>
    				</ul>
    			</div><!--end nav-->
    		</div><!--end header-->
    		<div id="content" class="pad">
    		<?php if (is_file(STYLESHEETPATH . '/header-banner.php' )) include(STYLESHEETPATH . '/header-banner.php' ); else include(TEMPLATEPATH . '/header-banner.php' ); ?>
  4. davidandre
    Member
    Posted 3 years ago #

    <img src="<?php bloginfo('template_url'); ?>/style/your folder/yourimage.png"/>
    i always put my images in a folder "image" si for me it would be

    <img src="<?php bloginfo('template_url'); ?>/style/your folder/yourimage.png"/>
    hope it helps,
    you can put your image in a div as well to css better so
    <div id="band_top"><img src="<?php bloginfo('template_url'); ?>/style/yourfolder/yourimage.png"/></div>

    bye

  5. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    in addition to the above, I assume you want your header image clickable to your home page, so this line in your header:

    <?php if (is_home()) echo( '<h1 id="title">' ); else echo( '<div id="title">' );?><a href="<?php bloginfo( 'url' ); ?>"><?php bloginfo( 'name' ); ?></a><?php if (is_home()) echo( '</h1>' ); else echo( '</div>' );?>

    would become something like:

    <div id="title"><a href="<?php bloginfo( 'url' ); ?>"><img src="<?php bloginfo('template_url')/image/header.png" /></a></div>
  6. andre0170
    Member
    Posted 3 years ago #

    thanks guys. I'm working on this... your advice is great. appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic