Single Post layout – is it changable?

Want to be able to change the order of the loop so that instead of:

1. title
2. feature image
3. content

we get:

1. feature image
2. title
3. content

And wanted to see if you had a code sample of this change.

                {
                    foreach($taxonomies as $taxonomy)
                    {
                        if(!in_array($taxonomy, $excluded_taxonomies))
                        {
                            $cats .= get_the_term_list($the_id, $taxonomy, '', ', ','').' ';
												}
                    }
                }
            	
            	
            	
            	//elegant blog
            	//prev: if( $blog_global_style == 'elegant-blog' )
            	if( strpos($blog_global_style, 'elegant-blog') !== false )
            	{
	            	$cat_output = "";
	            	
	            	if(!empty($cats))
                    {
                        $cat_output .= '<span class="blog-categories minor-meta">';
                        $cat_output .= $cats;
                        $cat_output .= '</span>';
                        $cats = "";
                    }
								
								/* -- [ NOTE ] --- REMOVED --------
								echo '</div>';
                    // The wrapper div prevents the Safari reader from displaying the content twice  ¯\_(ツ)_/¯
                    echo '<div class="av-heading-wrapper">';
                        echo strpos($blog_global_style, 'modern-blog') === false ? $cat_output.$title : $title.$cat_output;
                    echo '</div>';
								*/

					echo '<span class="av-vertical-delimiter"></span>';
					
					//echo preview image
								
				    if(strpos($blog_style, 'big') !== false)
				    {
				        if($slider) $slider = '<a href="'.$link.'" title="'.$featured_img_desc.'">'.$slider.'</a>';
				        if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
				    }
				    if(!empty($before_content))
				        echo '<div class="big-preview '.$blog_style.'">'.$before_content.'</div>';
								echo '<div class="av-heading-wrapper">'; // The wrapper div prevents the Safari reader from displaying the content twice  ¯\_(ツ)_/¯
										echo strpos($blog_global_style, 'modern-blog') === false ? $cat_output.$title : $title.$cat_output; // -- [ NOTE ] --- ADDED TO REVERSE TITLE AND FEATURE //
								echo '</div>';

This is what I did – lines 183-230 – Seems to have worked properly.

Why isn’t there an option that allows you to disable the built-in layout? Using the Advanced Layout in a single post just constrains everything into a defined layout making it pointless really. If I do two half-width sections, it just squeezes whatever is in it to a small, constrained width for the post. I’m surprised this issue wasn’t addressed a long time ago. Should be set up like it is with WooCommerce. If you use the Advanced Layout Builder, then it should disable all layout constraints so you can actually build your own single post layout templates. Having to make us go through all the trouble of editing the files ourselves just to make this happen kinda sucks.

Hi,

Thanks for reporting this bug. We’ll look into it.

Best regards,
Dude