Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter stitch23red

    (@stitch23red)

    I think I might have found the answer to my own question, but I would still like to hear other people’s input.

    WordPress – Custom Post Type Image Slider on YouTube
    http://www.youtube.com/watch?v=voOQDohL4Pc

    Is this the best way to do it?

    You are in luck, I just added a header logo to the Titan theme within the editor in the WordPress admin area.

    If you go to the admin area and under the Appearance section in the left column and then select Editor.

    Now from the Templates section in the right hand column select header.php.
    Find the section of code that reads like the following:

    <div class="wrapper">
    			<?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>'); ?>

    For the next part you will have had to have uploaded your logo image somewhere onto the internet and have the URL to the image.

    Change the above code to look like the following (Note change the settings to match your own website and logo URL’s):

    <div class="wrapper">
    <div class="logo">
    <a href="<?php bloginfo('url');?>"><img src="http://your-url.com/yourLogo.jpg" alt="Your blog name" /></a></div>
    			<?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>'); */?>

    Notice the /* and */ tags in the second ?php statement! THESE ARE IMPORTANT.

    Update your page settings and then from the right hand templates column select style.css.

    Find the piece of code that looks like this:

    .alignleft { float: left; }
    .alignright { float: right; }

    All you need to do now is simply add the following line underneath it:
    .logo { float: left; }

    The completed section of the css should now look like this:

    /* Import Stylesheets
    -----------------------------------------------------------*/
    @import url("stylesheets/master.css");
    
    /* Required WordPress Classes, don't remove these.
    -----------------------------------------------------------*/
    .aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .alignleft { float: left; }
    .alignright { float: right; }
    .logo { float:left; }
    
    /* Make all custom CSS changes in a child theme. Any custom
    changes you make here will not be overidden when you upgrade the theme.
    -----------------------------------------------------------*/

    I hope this helped! Please check out my blog at http://daily-grind.net.

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