Blog settings show pic on top

Hi my setting is correct to show pic in top and it even shows properly in preview but not on the actual blog page. Please see screenshot below

Hi @businessbackpacker,

Having the featured image next to the blog item text is the default view for the ethos stack on desktop devices.

You are seeing the featured image on top when you go to the theme options because since there is a sidebar for the settings area, the preview side has smaller dimension compared to when you check the site of the theme options.

You may override that by adding this code in X > Theme Options > CSS:

.blog .x-main .hentry>.entry-featured, .search .x-main .hentry>.entry-featured, .archive .x-main .hentry>.entry-featured {
    width: 100%;
}

.blog .x-main .hentry.has-post-thumbnail>.entry-wrap, .search .x-main .hentry.has-post-thumbnail>.entry-wrap, .archive .x-main .hentry.has-post-thumbnail>.entry-wrap {
    width: 100%;
    padding: 10px 0;
} 

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

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