custom blog grid structure

Hey Nicola,
Thank you for your patience, we could move the meta with javascript and also remove the link from the category text, but we will need to see the actual page to examine the elements.
Please link to one of the archive pages with this structure.

Best regards,
Mike

Hi,
Thank you for the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_grid_meta_script() { ?>
    <script>
(function($){
$("article.slide-entry").each(function() {
        var slideCat = $(this).find('.blog-categories.minor-meta');
        var slideMeta =  $(this).find('time.slide-meta-time').css({'float':'right'});
	 $(this).find(slideCat).append( $(this).find(slideMeta));
	 $(slideCat).find('a').contents().unwrap();
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_grid_meta_script');

Please see the screenshot in the Private Content area for the expected results.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,
Thanks for the screenshots and the link to your page.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_post_meta_script() { ?>
    <script>
(function($){
$("article.post-entry").each(function() {
        var postCat = $(this).find('.blog-categories.minor-meta');
        var postMeta =  $(this).find('time.date-container.minor-meta').css({'float':'left'});
	 $(this).find(postCat).append( $(this).find(postMeta).append('<span class="post-in"> / in </span>'));
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_post_meta_script');

I believe that you wanted the “in” to be lowercase, so add the css to your stylesheet:

time.date-container .post-in {
	 text-transform: lowercase;
}

Best regards,
Mike