Ethos blog, title on top, full width image

[shamus]

Ethos Blog title top of page instead of below image

Referring to the other support that got locked above. I’d like to keep my featured image full width and have the title above the image instead of below.

Here’s what i have in the custom java scrip

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

Thanks!

[mldarshana]

Hi There @shamus

Are you still referring to the URL on the other thread? I already see that your featured image is full width and the title appears on top (see secure note). Please clarify, so that we can assist you.

Thanks!

[shamus]

I am seeing something different. But looks like when the screen size is a bit smaller the side bar does move to the bottom.

How can I have it on desktop show the featured image full width, and sidebar below when the text starts?

Thanks!

Summary

https://imgur.com/a/1ZT4vtQ

[ruenel]

Hey There,

Do you want something like this?

If that is the case, you only need this line:

jQuery('.single-post .entry-featured').insertBefore(jQuery('.x-main'));

The next four lines in your code will move again the featured image. This will place back the featured image above the content.

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

Hope this helps.

[shamus]

Yes i’d like it to be how you are showing there. Featured image full width. Text below and side bar below as well as seen in that image. But I’d like for the title of the blog to be at the top of the page. Is that possible?

[paul.r]

Hi,

Yes, that’s possible. You can try adding the code below in Theme Options > JS

jQuery('.single-post .entry-header').insertBefore(jQuery('.x-main'));
jQuery('.single-post .entry-featured').insertBefore(jQuery('.x-main'));

Hope that helps

[shamus]

It worked well, thank you!!

[friech]

You’re more than welcome, glad we could help.

Cheers!