Hello all, I hope you can help me with this.
I have a network of sites that I finally was able to configure to send any most recent post from any site on to the static home page I have created. The home page will be this:
the modern mixtape
If you scroll down, the sections called "theWork" is where I want to display the loop of recent posts. I currently have it set for 2 but I will ultimately have 3.
My question is that I would like to display them horizontally as opposed to the generic vertical loop. Can this be done?
My index.php section for this looks like this:
<div id="wordpress_loop">
<?php
// Include WordPress
define('WP_USE_THEMES', false);
require('http://themodernmixtape.com/wp-load.php');
query_posts('showposts=2');
?>
<?php while (have_posts()): the_post(); ?>
<h2 class="post_title"><?php the_title(); ?></h2>
<h2 class="post_category"><?php the_category(); ?></h2>
<h2 class="post_time"><?php the_time(); ?></h2>
<?php the_excerpt(); ?>
<p class="read_more"><a href="<?php the_permalink(); ?>">Read more...</a></p>
<?php endwhile; ?>
</div>
My CSS for this looks like this:
#wordpress_loop {
width:1000px;
position:relative;
float:left;
display:block;
}
.post_title {
color:#009999;
font-size:32px;
font-family:Calibri;
float:left;
}
#wordpress_loop p {
text-decoration:none;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
padding-bottom:10px;
}
#wordpress_loop a {
text-decoration:none;
color:#009999;
padding-bottom:10px;
}