WordPress.org

Forums

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

  1. saucer78
    Member
    Posted 1 year 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 1 year 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic