Buy me a coffee

Move Blog Title under First Image

Suppose you want to move the Blog Title under the First Image in the Blog Post.

#1. Add a Code Block above the Image and enter this code.

<div class="blog-title-under-image"></div>

Move Blog Title Under First Image 01 Min

#2. Use this code to Post Blog Item Code Injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
 jQuery(document).ready(function($){
  $('.blog-item-title').insertAfter('div.blog-item-inner-wrapper div.code-block+div.image-block');
})
</script>
<style>
.blog-item-title {
    text-align: center;
}
</style>

Move Blog Title Under First Image 02 Min

Result:

Move Blog Title Under First Image 03 Min