Hatch theme is driving me crazy! Need help formatting my posts page…
-
I’m very new to web design and development but am learning a lot about how everything works as I troubleshoot this issue.
I have applied a css tweak to the Hatch theme to create a static front page. This tweak, unfortunately (from what I can deduce) breaks the formatting on the posts (Blog) page. I’ve found several threads regarding this issue, but no solutions. I’m at my wit’s end.
This is the custom code I have applied to my stylesheet to achieve a custom-formatted static Home page:
.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; }
Somehow, this hides a “custom header” that is included with the Hatch theme and allows users to build a personalized page. This apparently affects how the posts page operates though, and I’m looking for a way to revert the posts page to its default gallery display, while keeping the front page static.
The posts page should look something like this.
Right now, my posts page is arranging posts vertically, down a left column of the page, like this.
I have inspected my page next to the hatch demo page and have noticed differences in the code, but do not know enough to fix the problem. (Most if not all of the discrepancies are found within <div id=”content”> and then the posts underd <div class=”hfeed”>.
Thanks in advance to anyone who can help me get this worked out!
- The topic ‘Hatch theme is driving me crazy! Need help formatting my posts page…’ is closed to new replies.