Formatting the single post page

[Boans]

We are using a plugin called Easy Digital Downloads and we’re trying to format the product pages. It looks like it uses the single post format for those pages, so if you can help us change the format of the single post pages we should be able to get the product pages to look the same way.

What we would like to do is this:

1. Have the featured image displayed smaller and to the left. (right now it takes up the full width)
   Is it possible to use the medium size image for this?

2. Have the title and description(the post content) to the right of the featured image.

3. If it is possible, we would like for the post text to wrap around the featured image.

Here is a link to an image showing how we would like the layout to look:

Screenshot

I have this site on a local test server so I can’t get you access to the back end, but any help would be greatly appreciated.

[Prasant]

Hello @Boans,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

.single-post .entry-featured {
    float: left;
    width: 40%;
    margin-right: 15px;
}

.single-post .has-post-thumbnail .entry-wrap {
    padding-top: 0;
}

Thanks.

[Boans]

Thanks! That helped with the title, but the post text is still going underneath the featured image.

Here is a screenshot of what it looks like now:

Screenshot

Is there a way to get the post text to display right below the title next to the featured image?

[paul.r]

Hi,

I tested that code in my test site and the contents displayed right below the title.

So it looks like you have a different set-up. Can you provide us your site url. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

[Boans]

Thanks for the help, but the site I am testing is not really accessible without editing a hosts file to get there. (I’m using the same domain as the live site for the development site)

You are right about having a different setup. I am using the Ethos stack and when I switched to Integrity it worked. Is there a way to get it to work with Ethos?

[basanta]

Hi There,

Thanks for writing in!
Ethos style and structure is bit different. Can you please add this CSS and let us know how this goes.

body.single-post .entry-header:after {
 clear: none !important;
}

Thanks

[Boans]

That did work. Thanks!

[friech]

We are delighted to assist you with this.

Cheers!

[Boans]

The formatting works, but is there a way to get posts to use the thumbnail or medium size image as the featured image instead of the larger size? The image is displayed smaller. but it’s still using the large version.

[mldarshana]

Hi There,

That is possible with some custom development which is outside the scope of our support. Basically you can use a plugin like ACF Pro to add a custom field which you can use it to display alternative image.

Thanks!