Ethos - move sidebar to below featured image and make featured image full width on posts

[ctgannon]

Hello!

Is it possible to have the sidebar begin below the featured images and make the featured image full width on post pages?

Here’s what it looks like now: https://happyshaveice.com/best-commercial-snow-cone-machines/

[Prasant]

Hello Chris,

Thanks for getting in touch.

To make the changes, you can add following JS code under X > Theme Options > JS:

jQuery(document).ready(function($) {
  $('.single-post .entry-featured').insertBefore('.x-main');
});

Next, add following CSS under X > Theme Options > CSS:

.single-post .entry-featured {
  margin-bottom: 50px;
}

.single-post .entry-featured img {
  width: 100%;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

As you can see changes requires some custom development work. Please note we won’t be able to provide support for the code in future as it falls outside the scope of support can offer.

Thanks.

[ctgannon]

That worked, thank you!

[lely]

You’re always welcome!

Cheers!