Style a Wordpress Blog

I work for the CarQuest Auto Parts Network and Manage 3 company Wordpress Sites. Each site had a link to an external Blog on Wordpress.com. I have now taken away the external link and am in the process of creating 3 new internal blogs on these websites.

http://petespaint.ca/blog/        (This One Is Finished!!)

The other one is giving me hassle for some reason...

http://autobarn.ca/blog/

Here was my game plan:

1. Create a New Page on The WP Site called Blog
2. Create the Menu Link within Appearance > Menus Editor
3. Create a New Category for Each of my New Blog Posts -  Posts > Categories (I created a new one called Articles)
4. Create a New Test Post and assign it the to the new Category - Articles.
5. Under Settings > Reading I have set my (Posts Page : Blog)

Problem is my CSS is all messed up? When I do not set my Reading setting to go to the Blog Page the style looks fine. But if I set the Posts to go to the target page "Blog" it looses the CSS style for some reason.

Correct me if I am wrong but I thought the style for this page would be pulled from "archive.php" Which Has the following code within it:

<?php get_header();?>

<div id="content">
	<div class="wrapper">
    	<div class="content-left height">

<?php if (have_posts()) : ?>
<h2 class="pagetitle" style="padding-top:30px;">
		<?php if ( is_day() ) : ?>
            <?php printf( __( 'Daily Archives: %s', 'smartsalary' ), '<i>' . get_the_date() . '</i>' ); ?>
        <?php elseif ( is_month() ) : ?>
            <?php printf( __( 'Monthly Archives: %s', 'smartsalary' ), '<i>' . get_the_date( _x( 'F Y', 'monthly archives date format', 'smartsalary' ) ) . '</i>' ); ?>
        <?php elseif ( is_year() ) : ?>
            <?php printf( __( 'Yearly Archives: %s', 'smartsalary' ), '<i>' . get_the_date( _x( 'Y', 'yearly archives date format', 'smartsalary' ) ) . '</i>' ); ?>
        <?php elseif(is_tag()) : ?>                
            <?php 	printf( __( 'Tag Archives: %s', 'smartsalary' ), '<i>' . single_tag_title( '', false ) . '</i>' ); ?>
        <?php elseif(is_category()) : ?>                
            <?php	printf( __( 'Category Archives: %s', 'smartsalary' ), '<i>' . single_cat_title( '', false ) . '</i>' ); ?>
        <?php else : ?>	        
            <?php _e( 'Blog Archives', 'smartsalary' ); ?>
        <?php endif; ?>
    </h2>
<?php  while (have_posts()) : the_post(); ?>

<h1><?php the_title(); ?></h1>

<?php the_content(); ?>




</div>

<div class="content-right height">
        	<?php get_sidebar(); ?>
        </div>
        <div class="clear"></div>

</div>
</div>
 

<?php endwhile; else: ?>

<?php _e('Not found.'); ?>

<?php endif; ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Select allOpen in new window

The Elements that are missing when I compare the two blog pages are this:

<div id="content">
	<div class="wrapper">
    	<div class="content-left height">

<div class="story">
				<div class="story_title"><h3><a href="http://petespaint.ca/custom_car_paint/" rel="bookmark">Custom Car Paint</a></h3></div>
				<div class="lt_date">Posted on  February 6, 2015</div>
				<div class="storyContent">

Select allOpen in new window

The autobarn site only displays this code:

  <div class="breadcrumbs">
    	<div class="wrapper">

Select allOpen in new window

and other elements at the end of the page to move the page around into the proper DIV's?   I don't know why the css is not being called into the Blog - Post Article when I can see it in the Editor under Archives, but it is not getting through to the front end display. This is the second one I create and not too sure if this is the right template page to edit or if some other setting is not being called.

I am using Ultimate Blog Roll on the other sites for my Wordpress Plugin, but I have not installed it yet on this second site until I can figure out the CSS problem.

thanks for your help!!!


Signed, "Bad Motor Finger."