I'am trying a few days now to edit the blog page of Storefront. It shouldn't be that hard, but actually it is.
What I basically want to do is to show all the post in a grid layout. I got that working with css.
body.blog article, body.archive article {
width: 32.5%;
display: inline-block;
vertical-align: top;
text-align: left;
margin-bottom: 10px;
position: relative;
}
.hentry.type-post .entry-content {
width: 100%;
float: none;
border: 5px solid yellowgreen;
}
.hentry .entry-header {
/*border-bottom: none;*/
border: 3px solid blue;
}
But I want to show the h2 heading of the post below the image and above the excerpt. I tried to use these 3 hooks to see if they have any effect on the post heading in archive page.
remove_action('storefront_single_post', 'storefront_post_header');
remove_action('storefront_page', 'storefront_page_header');
remove_action('storefront_homepage', 'storefront_homepage_header', 10);
But unfortunately they have no effect at all. Even if I picked them out of a plugin to show/hide post titles (its called: storefront title toggle).
Then I searched in all files (I use Netbeans) of Storefront theme for the corresponding css class entry-header
and entry-content
, but I couldn't find help here, as there is no clear html structure where I can move the entry-header
below the image.
Does anybody have an idea how to move this heading ?