WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Easel theme sidebar help (9 posts)

  1. Tsukiyono
    Member
    Posted 3 years ago #

    I have a problem with the easel theme. When using the comicpress light add-on, the sidebar will not appear next to the comic area, but rather drops below and hangs out next to the blog content. If I try to adjust it's positioning, I can move it into the right spot for the main page and all of the single comic posts, BUT doing that mis-aligns the sidebar on all of my pages and single blog posts.

    If anyone can help me figure out how to have my sidebar show up proper on all of my pages I would be eternally grateful, because I have been struggling with this issue for over a week.

    Here is my site:
    http://www.genkigirl.com/wolvesandmen/

    You can see how the sidebar is acting on the main page.

  2. breannadrew
    Member
    Posted 3 years ago #

    Ok, I think I see the problem.

    The right sidebar needs to be a sibling to the comic wrap, right now its a child of column, which is the div below it.

    Once you make these elements have the the same hiarchy you should be able to use css to position them differently. As far as the pages and other blog pages that don't contain the comic wrap. You should be ok as long as you move the comic-wrap div into the subcontent-wrapper rather then pulling the sidebar out of that wrapper.

  3. Tsukiyono
    Member
    Posted 3 years ago #

    Thanks for the help....I think I understand what you are saying, but I'm not sure where to implement it in the theme. I'm kind of a novice. ^^;

  4. 123milliseconds
    Member
    Posted 3 years ago #

    If you install Firefox Firebug then when you visit your website you can immediately see the css styling plus line numbers for the comic area and sidebar

    It will also ENCLOSE in a box those areas; making it easy to see their sizes

  5. Tsukiyono
    Member
    Posted 3 years ago #

    Thanks, that's a nice tool, but it still doesn't help me understand which document I need to add the div tags into. Is it a php document? Or do I just change the order of my stylesheet? Or something else?

  6. avantmedia
    Member
    Posted 3 years ago #

    You will have to change this in index.php of your template file. If you move the div "comic-wrap", and place it directly under the div "column" it should work. You will have to change your padding for "column" in your style.css to 0 pixels instead of 5 pixels.

    If you need more explanation just ask.

  7. Tsukiyono
    Member
    Posted 3 years ago #

    Thanks avantmedia and thanks again to everyone who has helped so far....I think my main problem at this point is that my index.php contains no div tags. ^^; Here is my index.php:

    <?php get_header();
    
    if (!easel_themeinfo('disable_blog_on_homepage')) {
    	Protect();
    
    	$args = array(
    			'public' => true,
    			'_builtin' => false
    			);
    	$output = 'names';
    	$operator = 'and';
    
    	$loop_post_type = get_query_var('post_type');
    	$post_types = array('post');
    
    	if (empty($loop_post_type)) {
    		$custom_post_types = get_post_types( $args , $output , $operator );
    		$post_types = array_merge( $custom_post_types, array( 'post' ) );
    		// remove comic and casts from the loop
    		$post_types = array_diff( $post_types, array ( 'comic', 'casts' ) );
    		$blog_query = array(
    				'posts_per_page' => (int)easel_themeinfo('home_post_count'),
    				'paged' => get_query_var('paged'),
    				'post_type' => $post_types
    			);
    	} else {
    		$blog_query = array(
    				'posts_per_page' => (int)easel_themeinfo('home_post_count'),
    				'paged' => get_query_var('paged'),
    				'post_type' => $loop_post_type
    				);
    	}
    
    /*	if (is_paged()) $blog_query = $query_string;
    	var_dump($blog_query); */
    	$posts = &query_posts($blog_query);
    	if (have_posts()) {
    		while (have_posts()) : the_post();
    			easel_display_post();
    		endwhile;
    		if (easel_themeinfo('enable_comments_on_homepage') && (easel_themeinfo('home_post_count') == '1')) {
    			$withcomments = 1;
    			comments_template('', true);
    		} else
    			easel_pagination();
    	}
    	UnProtect();
    }
    
    get_footer(); ?>
  8. Tsukiyono
    Member
    Posted 3 years ago #

    In the end I just decided to switch to a full comicpress theme because it was easier to get it the way I wanted. ^^;

  9. kaiserroll109
    Member
    Posted 3 years ago #

    I just wanted to post this for anyone else who might still be having this problem. You need to modify the layout-head.php in the Easel theme, not the index.php.

    layout-head.php:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    Hope this help anyone who needs it. (Note this only works for the "2 column" options)

Topic Closed

This topic has been closed to new replies.

About this Topic