Blog Post image and title layout

Please note that we are trying to have only the image thumbnail size on the left with the title on the right within a 1/4 column without an excerpt. If you look real quick on msn.com , they have that configuration towards the top section of the page.

Thanks again

Thank you Elliott, unfortunately I applied the CSS you sent me however it does not seem to update how the blog post is displayed.
I am attaching below an image of how it should display the blog feature image and title side by side as well as the link to the page of our site where the blog post is Single Author, small preview Pic.

Thank you .

It should work now.

Sorry about that…

Thank you Elliott, I went ahead and updated the credentials below

Also, I want to have this same blog post layout throughout other sections and other pages. How would I need to adjust the code in the code block to accommodate this blog post layout elsewhere? I tried adjusting the section within the code but without success. I’m trying to have this layout on the top section of a different page (page link and details below).
Thanks again for all your help and guidance!

Hey there Elliott. Thank you for your prompt reply.

I have attached an image link below to better explain what we are trying to achieve regarding the blog post layout being similar to the msn.com top section. We are trying to have a similar look on our landing pages.

The right hand navigation after the third section appears to have disappeared now.

Thank you Elliott, I understand. All of your suggestions have been great!
Unfortunately this page is still appearing buggy after the code block was added. I am attaching images below of the two sections that are appearing now. Are these two sections appearing because of the sidebar setting and code block perhaps?

I read the enfold documentation for this and I’m trying to better understand the single author small blog style with the image on the left and title on the right. Since the single author small blog style requires a sidebar if the page is fullwidth layout, what CSS inside a codeblock element can I use that will hide the sidebar in order for the single author small blog style to appear with the feature image on left and title on the right ANYWHERE on that page? I was trying the ones you had sent before but without success.

Thank you!!

I’ll go ahead and try to incorporate the single author small blog style to the top section

No, I haven’t changed the code block that you had added on the page. The code block you had added has the following CSS though:
<style type = “text/css”>
#after_section_3 { display: none !important; }
</style>

the one from https://kriesi.at/support/topic/blog-post-image-and-title-layout/#post-565153 is a bit different:
<style type = “text/css”>
aside { display: none !important; }
main { width: 100% !important; border-right: 0px !important; }
</style>
I’m not sure what may have occurred however when I tried adding the CSS from post# 565153 to either the code block or quick CSS, it still didn’t remove the Top blank section above the slider nor the right hand navigation menu at the bottom. =(

Thanks Elliott, I wasn’t sure since you have the following code on the post you posted on January 14:
<style type = “text/css”>
aside { display: none !important; }
main { width: 100% !important; border-right: 0px !important; }
</style>

but you have this one within the code block now:
<style type = “text/css”>
#after_section_3 { display: none !important; }
aside { display: none !important; }
</style>

I’m still learning so I wasn’t sure if they had the same effect.

Thank you!