Forcing blog shortcode to display in list view

[EarlySigns]

Hi there,

I was wondering if you could help me?
I have a website where I’d like to display all blog posts in list view.

Using the Ethos theme, I have managed to accomplish this on the main blog post index page.
http://simplysignspreview.com/lbcestates/properties/

However, when I use the shortcodes to display blog posts, it defaults to grid view.
http://simplysignspreview.com/lbcestates/sales/

Is there any way to override the styling on the shortcodes here?

Any help much appreciated.

[nabeel]

Hi Jayd,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. You can try adding the following code in the Theme Options > CSS:

.x-recent-posts article.hentry>.entry-wrap > div {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[EarlySigns]

Hi there,

Thanks for suggesting some CSS code to try and change the shape/grid aspect of the recent blogs shortcode. However, sadly this is nowhere near close. No text is showing apart from the title, and everything is contained within a box.

http://simplysignspreview.com/lbcestates/sales/

http://simplysignspreview.com/lbcestates/category/1-bed-flat/

I wonder why in Ethos you are able to display posts in list view, but the shortcode does not allow for this? Is there a way to bypass the default from grid to list, without trying to emulate the shape of the list with CSS code?

Many thanks and looking forward to your reply.

[ruenel]

Hello Jayd,

Thanks for the clarifications. Please be advised that the list view that you are referring to is the default view of the blog index and the archive pages. If you have inserted a grid shortcode, of course it will display a grid or whatever styling results from the shortcode. Bypassing it styling using a custom css is beyond the scope of our support. That is considered a modifications already.

Hope thix explains it briefly.