Help with stylesheet on info part of post

  • phiberglass

    (@phiberglass)


    16 years ago

    Hey guys, I’m trying to get the categories and tags lined up under the post date and then have a bottom border the same as the top to close it all off. I’m having some trouble with the CSS though. Was wondering if you guys had any suggestions, I’ve been messing with it all night but I can’t seem to get it. I’m guessing I’ve mixed the divs.

    Here is the site: https://iphoneinfoblog.com

    Stylesheet link: https://www.iphoneinfoblog.com/wp-content/themes/inove/style.css

    and the code for the posts:

    <?php get_header(); ?>
<?php $options = get_option('inove_options'); ?>

<?php if ($options['notice'] && $options['notice_content']) : ?>
	<div class="post" id="notice">
		<div class="content">
			<?php echo($options['notice_content']); ?>
			<div class="fixed"></div>
		</div>
	</div>
<?php endif; ?>

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); update_post_caches($posts); ?>
		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><a class="title" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
			<div class="info">
				<span class="date"><?php the_time(__('F jS, Y', 'inove')) ?> by <?php if ($options['author']) : ?><?php the_author_posts_link(); ?><?php endif; ?> </span>
				<div class="act">
					<span class="comments"><?php comments_popup_link(__('No comments', 'inove'), __('1 comment', 'inove'), __('% comments', 'inove')); ?></span>
					<?php edit_post_link(__('Edit', 'inove'), '<span class="editpost">', '</span>'); ?>

</div>
<br />
<div class="otherlinks">
                                        <?php if ($options['categories']) : ?><span class="categories"><?php the_category(', '); ?></span><?php endif; ?>
					<?php if ($options['tags']) : ?><span class="tags"><?php the_tags('', ', ', ''); ?></span><?php endif; ?>

					<div class="fixed"></div>
				</div>
				<div class="fixed"></div>
			</div>
			<div class="content">
				<?php the_content(__('Read more...', 'inove')); ?>

				</p>
				<div class="fixed"></div>
			</div>
		</div>
	<?php endwhile; ?>

<?php else : ?>
	<div class="errorbox">
		<?php _e('Sorry, no posts matched your criteria.', 'inove'); ?>
	</div>
<?php endif; ?>

<div id="pagenavi">
	<?php if(function_exists('wp_pagenavi')) : ?>
		<?php wp_pagenavi() ?>
	<?php else : ?>
		<span class="newer"><?php previous_posts_link(__('Newer Entries', 'inove')); ?></span>
		<span class="older"><?php next_posts_link(__('Older Entries', 'inove')); ?></span>
	<?php endif; ?>
	<div class="fixed"></div>
</div>

Viewing 2 replies - 1 through 2 (of 2 total)
  • .post .otherlinks {
        margin-top: 5px;
        border-bottom:1px solid #CCC;
	overflow: hidden;
}

    Do you want categories on the left and tags on the right?

    Thread Starter phiberglass

    (@phiberglass)

    Awesome, that worked perfect. I would like the Categories on left and followed by tags on the left. So it’s all still floating left?

    Also is there anyway to extend the bottom border or would it be to complicated with the other style properties?

    Thanks again, I really appreciate your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help with stylesheet on info part of post’ is closed to new replies.