Move post title to below the featured image

Support
#1

I have this code to left align the image:

.single-post .entry-featured {
width: 50%;
float: left;
margin: 20px
}

How do I move the title down into that text, ie down and to the right?

Thanks.

#2

Hello @logoglo,

Thanks for asking. :slight_smile:

You can use following JS code under X > Theme Options > JS to display title position.

(function($){
  $('.single-post .entry-featured').insertBefore( '.single-post .entry-header' );
  $('.single-post .entry-featured').css({'margin-top' : '10px', 'margin-right' : '10px' });
})(jQuery);

Please note that providing support for custom codes (like JS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

Above changes are done using custom JS. If you would like to explore JS, please take a look at following resource:

https://www.w3schools.com/js/

Thanks.

#3

That worked perfectly! how do I add a margin up top, and a margin right of the image, just to space things out better.

Thanks.

#4

Hi there,

Please update this code:

.single-post .entry-featured {
    width: 35%;
    float: left;
}

to

.single-post .entry-featured {
    width: 35%;
    float: left;
    margin-right: 25px !important;
}

Then add this code as well:

.single-post .entry-header {
    padding-top: 10px;
}

Hope this helps.

#5

Perfect, thanks.

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.