Change Masonry Blog Image over Title of default title over image

[surferjohn]

We are currently using Pro Version: 4.3.3 and would like to change our blog page masonry layout from
title over image
to
image over title.

here is the page we are trying to change.
http://aginvest2.flywheelsites.com/insights/

Your help would be greatly appreciated.

[nabeel]

Hi @surferjohn,

Thank you for reaching out to us. Are you trying to display the image first and then title? Since you’re using Pro you can create a custom layout for blog page using Layout Builder (see https://theme.co/docs/layout-builder-overview) where you can keep the image first then title and then the content.

To learn how to use Layout Builder for archive pages, please see https://www.youtube.com/watch?v=L1719j7J7LE

Hope this helps!

[surferjohn]

Can a masonry style view be created using the layout builder?

I only see standard and minimalist.

[tristup]

Hi @surferjohn,

Regretfully, currently, there is no masonry style is available in the Layout Builder.

Thanks

[surferjohn]

I see from one of the other support requests that from a provided javascript the image / title order can be for the single post. Is this possible for the blog home page?

Here is the code

(function($) {
$(’.single-post article’).find(’.entry-header’).insertAfter(’.entry-featured’);
})(jQuery)

[marc_a]

Hi @surferjohn,

What you are trying to achieve will require some custom development. Regretfully, customization is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Thank you for understanding.