WordPress.org

Ready to get started?Download WordPress

Forums

Hatch
[resolved] Sidebar not showing on Blog page. (2 posts)

  1. saucer78
    Member
    Posted 3 months ago #

    Having continued trouble with this theme and I fear it's because I applied a tweak to use a static Home page. Many people seem to have had the same issue, and applied this fix successfully, but I have only found one other instance of the css affecting the blog page, which hasn't been updated: http://wordpress.org/support/topic/hatch-theme-static-homepage-css-affecting-blog-page?replies=3

    Here's one of the older threads regarding the issue, with the homepage fix: http://wordpress.org/support/topic/hatch-theme-trouble-with-static-home-page?replies=26

    This is the code I have applied to set my Home as static (which I found in a more recent thread):

    .home.singular-page .hentry .entry-title {
             position: absolute;
             clip: rect(1px, 1px, 1px, 1px);
    }
    .home.singular-page #content {
             width: 68.0851%;
    }
    .home.singular-page.page-template-fullwidth #content {
             width: 100%;
    }
    .home.singular-page .hentry {
             width: auto;
             height: auto;

    Another possible fix could be: http://wordpress.org/support/topic/hatch-theme-trouble-with-static-home-page?replies=26#post-3202959

    So. I don't know enough about code to figure out why this might be affect my home page, but I'd greatly appreciate any help while I continue to troubleshoot. My homepage and all other page templates are set to Full Width. My Blog page template is set to Default, and the Blog page is set to receive posts (from the Customization settings within Hatch, where the static Home settings are as well).

    My site is nearing completion: http://getsrsly.com/

  2. saucer78
    Member
    Posted 3 months ago #

    Found a fix, in case anyone stumbles across this in the future. Place all of these snippets in your child theme or custom CSS field to correctly format a static home page AND posts page:

    /*__________static front page: hide title__________*/
    .home.singular-page .hentry .entry-title {
             position: absolute;
             clip: rect(1px, 1px, 1px, 1px);
    }
    /*__________static front page: content fix__________*/
    .home.singular-page #content {
             width: 68.0851%;
    }
    .home.singular-page.page-template-fullwidth #content {
             width: 100%;
    }
    .home.singular-page .hentry {
             width: auto;
             height: auto;
    }
    /*__________posts page tweaks__________*/
    .hentry a {
    	display: block;
    	width: 100%;
    	height: 100%;
    }
    .hentry a img {
    	display: block;
    	margin: 0 auto;
    }
    .blog .hentry  {
    	float: left;
    	width: 23%;
    	height: 150px;
    	margin: 0 2% 20px 0;
    	position: relative;
    	overflow: hidden;
    }

Reply

You must log in to post.

About this Theme

About this Topic