List-Full shows huge thumbnails on update

p.s. I had to downgrade the plugin to get it to look normal. I can send a screen capture of the upgraded plugin’s effect.

Hi there,

List full layout shows thumbnail and content side by side. The content in List full layout is large (contains lots of information like title, excerpt, read more link etc.) and breaks layout if container width is small. Therefore, in the latest updated we are using container responsiveness. Which means, if container width is smaller than 450px, the layout will automatically show image on top and content on bottom to properly display everything.

There are two possible solution for your issue,

1. You can use “List – Mini” layout, which is specially created for displaying in sidebar.
2. Use “List – Full” layout and use following method,

1. Go to Appearance > Customize > Additional CSS
2. Copy CSS mentioned at the end of this message and paste in the additional CSS field
3. Click update button

@media only screen and (min-width: 450px) {
	.dpt-entry-wrapper {
		display: flex;
		align-items:flex-start;
		align-content:flex-start;
	}
	.dpt-featured-content {
		flex-basis: 33.33%;
		margin: 0 20px 0 0;
	}
	.sub-entry {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-self:stretch;
	}
}

Please inform if you need more help on this.

Thanks,

• This reply was modified 4 years, 4 months ago by Veda.

Hi,

Thank you for looking into this. The added .css does work, however – now the “Grid Normal” list is also small, when I wanted it to stay the same size. I had to downgrade the plugin to get it to work again. Is there a separate style I can apply to Grid – Normal? I don’t see one.

The Mini layout will work, but I wanted the title as well and a very short excerpt. Sorry to be so annoying.

Here’s the site:https://www.bringithomeorangecounty.com/

• This reply was modified 4 years, 3 months ago by erictooley1.

Hi there,

I just missed that important point. Kindly replace above mentioned CSS with following CSS.

@media only screen and (min-width: 450px) {
	.dpt-list1 .dpt-entry-wrapper {
		display: flex;
		align-items:flex-start;
		align-content:flex-start;
	}
	.dpt-list1 .dpt-featured-content {
		flex-basis: 33.33%;
		margin: 0 20px 0 0;
	}
	.dpt-list1 .sub-entry {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-self:stretch;
	}
}

Please inform if the above CSS work for you.

Thanks,

Hi there,

That works perfectly, thank you ??