Community Forums › Forums › Archived Forums › General Discussion › Grid Layout Issue with Blog Archive Page
Tagged: blog page, grid, Pretty Darn Cute Design, swank theme
- This topic has 3 replies, 2 voices, and was last updated 8 years ago by
Brad Dalton.
-
AuthorPosts
-
February 27, 2017 at 2:54 pm #202115
brettatkin
MemberThe following site uses the Swank child theme (if it matters) and I'm getting a weird issue with the grid layout for the blog archive page.
https://foralles.com/community/
It is skipping the first column in the second row. What is weird is it isn't doing this on the second/third/etc. pages of the archive.
In further weirdness, it isn't doing this in Chrome but is in FF, Safari and IE.
I've deleted the posts before and after the empty column and nothing changes.
This also wasn't happening until recently. I generally update all plugins twice a month but I didn't test every page after the most recent update.
Given that it works in Chrome and on the subsequent archive pages makes me think it is some CSS issue but I can't figure it out...any help would be greatly appreciate.
Here is my code:
https://foralles.com/community/<?php /** * Template Name: Blog * This is your custom Archive page for the Swank Theme. */ //* Show page content above posts add_action( 'genesis_loop', 'genesis_standard_loop', 5 ); //* Add the featured image after post title add_action( 'genesis_entry_header', 'foralles_grid' ); function foralles_grid() { if ( has_post_thumbnail() ){ echo '<div class="archive-featured-image">'; echo '<a href="' . get_permalink() .'" title="' . the_title_attribute( 'echo=0' ) . '">'; echo get_the_post_thumbnail($thumbnail->ID); echo '</a>'; echo '<a href="' . get_permalink() .'" title="' . the_title_attribute( 'echo=0' ) . '">'; echo the_title( '<h2>', '</h2>' ); echo '</a>'; echo '</div>'; } } //* Remove the ad widget remove_action( 'genesis_before_loop', 'adspace_before_loop' ); //* Remove author box remove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 ); //* Remove the post meta function remove_action( 'genesis_entry_footer', 'genesis_post_meta' ); //* Remove the post info function remove_action( 'genesis_entry_header', 'genesis_post_info', 12 ); //* Force full width content layout add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' ); //* Remove the entry title (requires HTML5 theme support) remove_action( 'genesis_entry_header', 'genesis_do_post_title' ); //* Remove the post content remove_action( 'genesis_entry_content', 'genesis_do_post_content' ); //* Add Page Heading and Content add_action( 'genesis_before_loop', 'community_heading' ); function community_heading() { ?> <h1>Community</h1> <p>We built our Community page to share ideas, stories and inspiration. We’re sure you will find something that interests you and connects you to For Alles. Please enjoy exploring and reading. If there is anything you would like us to know please <a href="http://www.foralles.com/contact">contact us</a>. We’d love to hear what you think!</p> <?php } genesis();
February 27, 2017 at 7:51 pm #202135Brad Dalton
ParticipantYou can filter the post class using column classes.
And then reposition the entry title or featured image.
All in a custom page_blog.php file
February 28, 2017 at 8:30 am #202162brettatkin
MemberI'm not sure how this answers my question.
February 28, 2017 at 5:53 pm #202217Brad Dalton
ParticipantThis is the best method to display your entries in columns on your blog page in my opinion without any browser issues.
Otherwise, you need to troubleshoot your current code.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.