rairose

Would you be willing to help me with one other problem?

I have WooCommerce installed on the same site. It’s wonderful and I’m happy with the functionality of it. However, the appearance is another matter. I’ve tried to reach out to the developers of WooCommerce but have had no response.

This is my problem page: https://www.guntoolsystems.com/shop/

It’s displaying like a simple vertical list of products, but it should be appearing like this: https://www.woothemes.com/woocommerce/

Any suggestions, my coding hero??

Ahhh!!! Thank you SO much, Dustin! You’re wonderful ?? This infuriating problem has been plaguing my coding life for weeks. And you’ve solved it. Thank you!! I really appreciate it ??

I didn’t intentionally add the vertical borders. When I entered the simple code for the table, that is what showed up.

Any ideas?

Sorry about that. I got the url fixed. Here it is: https://www.guntoolsystems.com/redi-bore-caliber-chart/

Thank you SO much, everyone! I really appreciate it ??

Ah wonderful!!! Now just one more thing: The article headers are now the same as the general text. For example, “Welcome!” should be a header here: https://www.rairosewriting.com/

Ok, I’ve added that code and now this is the code on page.php:

<? get_header(); ?>

	<div id="content">
		<div id="single">

			<?php
			if (have_posts()) {

				while (have_posts()) {
				 the_post();
			?>

				<div id="post">
					<h2 class="title"><?php the_title(); ?></h2>

					<div id="user-bar">
						<div id="user">Posted on <?php the_time('l, F jS, Y') ?> by <?php the_author() ?></div>
						<?php if ('open' == $post->comment_status) { ?><a href="<?php comments_link(); ?>"><span id="comment-no"><?php comments_number('No Comments', '1 Comment', '% Comments'); ?> <img src="<?php bloginfo('template_url'); ?>/images/comment.png" alt="Comments" /></span></a><? } ?>
					</div>

					<div class="article">
						<?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>
					</div>

					<div class="pagination">
						<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
					</div>
				</div>

			<?
				}
			}
			?>
<div id="right">
<?php get_sidebar(); ?>
</div>
		</div>

	</div>

<? get_footer(); ?>

The footer is now appearing at the very bottom of the page.

Yes, because it is not being updated, I am not using a child theme.

The archives page with the side bar has the following code:

<? get_header(); ?>

	<div id="content">
		<div id="archive">
			<div id="posts">
				<div id="left">
					<?php if (have_posts()) { ?>

						<?php $post = $posts[0]; ?>
						<?php /* If this is a category archive */ if (is_category()) { ?>
							<h2 class="pagetitle">‘<?php single_cat_title(); ?>’ Category Archives</h2>
						<?php /* If this is a tag archive */ } elseif( is_tag() ) { ?>
							<h2 class="pagetitle">Posts Tagged ‘<?php single_tag_title(); ?>’</h2>
						<?php /* If this is a daily archive */ } elseif (is_day()) { ?>
							<h2 class="pagetitle"><?php the_time('F jS, Y'); ?> Archives</h2>
						<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
							<h2 class="pagetitle"><?php the_time('F, Y'); ?> Archives</h2>
						<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
							<h2 class="pagetitle"><?php the_time('Y'); ?> Archives</h2>
						<?php /* If this is an author archive */ } elseif (is_author()) { ?>
							<h2 class="pagetitle">Author Archive</h2>
						<?php /* If this is a paged archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
							<h2 class="pagetitle">Blog Archives</h2>
						<?php } ?>

						<div class="navigation">
							<div class="alignleft"><?php next_posts_link('? Older Entries') ?></div>
							<div class="alignright"><?php previous_posts_link('Newer Entries ?') ?></div>
							<div style="clear:both">?</div>
						</div>

						<?php while (have_posts()) {
							the_post();
						?>

							<div class="post main">
								<div class="date-small">
									<div class="background">
										<span class="day"><?php the_time('j') ?></span><br />
										<span class="month"><?php the_time('M') ?></span>
									</div>
								</div>
								<div class="detail-small">
									<h1 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

									<h4 class="subtitle">by <?php the_author() ?> in <?php the_category(', ') ?></h4>

									<div class="comments">
										<?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?> <img src="<?php bloginfo('template_url'); ?>/images/comment.png" alt="Comments" />
									</div>

									<div class="article">
										<?php echo the_content('Read the rest of this entry ?'); ?>
									</div>
								</div>
								<div style="clear:both"></div>
							</div>
						<? } ?>
					<?php } else { ?>

						<h2 class="center">Not Found</h2>
						<p class="center">Sorry, but you are looking for something that isn't here.</p>
						<?php get_search_form(); ?>

					<?php } ?>

				</div>
				<div id="right">
					<?php get_sidebar(); ?>
				</div>
			</div>
		</div>

<? get_footer(); ?>

Yes, but I stopped getting responses to that thread after I posted that it was the Archive page I wanted to mimic in the standard layout.

Sorry, I’ve been experimenting with new layouts trying to solve the problem. Please take a look now as I’ve reverted back to the layout I’m having trouble with.

Thank you!

Does anyone have any ideas of how to get this to work?

I just realized that the layout I like is the ARCHIVES page. So I want every page to have the same layout as the archives page (https://www.rairosewriting.com/2013/06/). I want every page to have the right-hand sidebar.

I’ve been playing around with it for days and I’ve still had no luck getting it to where I want it.

Here is the test PAGE: https://www.rairosewriting.com/

But I want every page to look like this: https://www.rairosewriting.com/2013/06/

I will not be using the posts in my website. I’ll only be using pages. So I want the page layout to look like the post layout with the sidebar on the right.

I think I did that, but the css (style.css) is not allowing the page to be the proper width for the side bar to be aligned on the right. It is still being pushed to the bottom: https://www.rairosewriting.com