WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Hatch Theme: Static Homepage css affecting blog page (3 posts)

  1. greenbike
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try just using .hentry rather than .archive preceding.

  3. greenbike
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic