• Resolved mackhina

    (@mackhina)


    Hey all

    I was wondering if anyone knew how to move the post-content to align to the right side of the thumbnail image in the blog section. I’ve made a picture to explain what I’m after.

    Current layout + desired layout

    I downloaded firebug and the section I’m attempting to move appears to be post-content but I’m stumped as to what commands I’m suppose to use to get it to move there. My website is below if it helps.

    mackhina.com

    I’ve been playing around with it for a week now with no luck so I’d appreciate any help you can provide.

    Thanks in advance.

    Cheers

    Mick

Viewing 7 replies - 1 through 7 (of 7 total)
  • You can start with this:

    .post-image {
    float:left;
    }
    
    .post-content {
    float:none;
    }

    and get rid of this line: <div class="clear"></div>

    Thread Starter mackhina

    (@mackhina)

    I added those lines to my companion with no luck.

    I also removed the <div class=”clear”></div> from the page.php file with no luck. Should I remove it from elsewhere?

    <?php
    get_header();
    include(get_template_directory() . '/layout-head.php');
    $is_comic = false;
    while (have_posts()) : the_post();
    ?>
    		<div <?php post_class(); ?>>
    			<?php comicpress_display_post_thumbnail($is_comic); ?>
    			<div class="post-head"></div>
    			<div class="post-content">
    				<div class="post-info">
    					<div class="post-text">
    						<?php comicpress_display_post_title($is_comic); ?>
    					</div>
    				</div>
    				<div class="entry">
    					<?php comicpress_display_the_content($is_comic); ?>
    				</div>
    				<?php wp_link_pages(array('before' => '<div class="linkpages"><span class="linkpages-pagetext">'.__('Pages:','comicpress').'</span> ', 'after' => '</div>', 'next_or_number' => 'number'));  ?>
    				<?php edit_post_link(__('Edit this page.','comicpress'), '', ''); ?>
    			</div>
    			<div class="post-foot"></div>
    		</div>
    <?php
    	if ('open' == $post->comment_status) {
    		comments_template('', true);
    	}
    endwhile;
    
    include(get_template_directory() . '/layout-foot.php');
    get_footer();
    ?>

    Are you sure you edited the correct file? When I view your site, it contains the <div class="clear"></div> which isn’t in your above text.

    Thread Starter mackhina

    (@mackhina)

    Sorry, the above page refers to the page.php; there is also a displaypost.php which had the <div class=”clear”></div> lines.

    I removed the <div class=”clear”></div> from this file as well but the post still remains beneath the post-image. I’m so confused:(

    your ‘custom_style.css’ has a few stray characters at the beginning which block the styles.

    remove all characters before the /* :
    330000 /* Companion Custom CSS over-rides for [ mackhina.com ]: ComicPress Boxed - 1.1 */

    should look like:

    /* Companion Custom CSS over-rides for [ mackhina.com ]: ComicPress Boxed - 1.1 */

    and set .post-content width to 600px

    Thread Starter mackhina

    (@mackhina)

    OMG!!! I LOVE YOU SO MUCH! I’ve been trying to get this to work for so long:D You are amazing! Thanks so much:) I’m freaking ecstatic! YAY!

    simplez….

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Aligning post to the side of thumbnail rather than below it’ is closed to new replies.