Single Post: Change Headline and Image

Hey northorie,
Please link to your post so we can examine.

Best regards,
Mike

Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
  $('.single-post').each(function() {
  $(this).find('.entry-content-header').css({'margin-top':'15px'}).insertAfter($(this).find('.big-preview').css({'margin-top':'0'}));
  });
  })(jQuery);
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

To use the full size featured image for single posts with a sidebar, instead of the 845×321 size that will be upscaled, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'post_thumbnail_size', 'custom_single_event_post_thumbnail_size' );
function custom_single_event_post_thumbnail_size($size) {
    if( !is_singular('post') ) {
        return;
    }
    if( ! has_post_thumbnail() ) {
        return;
    }
    $size = 'full'; 
    return $size;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,

You can add this css code to adjust the height of the featured image.

.small-preview, .big-preview {
    max-height: 200px;
}

.small-preview img, .big-preview img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

Best regards,
Ismael