Support » Themes and Templates » Hatch Theme: Static Homepage css affecting blog page

  • greenbike

    (@greenbike)


    I found this tip: HATCH theme: trouble with static HOME page

    Hello all, after trying to figure out how to achieve this on my own site for a few hours I figured it out.
    You need to edit style.css and replace

    .home .hentry, .archive .hentry {
    	float: left;
    	width: 23.40425531914894%;
    	height: 150px;
    	margin: 0 2.127659574468085% 20px 0;
    	position: relative;
    	overflow: hidden;
    }

    with

    .home .hentry {
    	float: left;
    	width: 100%;
    	margin: 0 0 20px 0;
    	font-size: 1em;
    }
    .archive .hentry {
    	float: left;
    	width: 23.40425531914894%;
    	height: 150px;
    	margin: 0 2.127659574468085% 20px 0;
    	position: relative;
    	overflow: hidden;
    }

    And then in the wordpress reading settings page change the frontpage to be the static page you want.

    This worked for my static homepage, but it’s also affecting my blog page. The blog posts are all stacked up on the left side, instead of tiled across in 4 columns.

    Blog page (wrong formatting)
    Homepage (working correctly)
    Categories (working correctly)

    Any ideas? It seems like the .archive .hentry css should return things to default, but it’s not.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Andrew Nevins

    (@anevins)

    Try just using .hentry rather than .archive preceding.

    greenbike

    (@greenbike)

    That got me a little closer – now 3 columns instead of 1, but post titles are now gone.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hatch Theme: Static Homepage css affecting blog page’ is closed to new replies.