Support Forum

Hi Tom,
I thought the code is working but it does not. Have a look on this page, in the bottom is a list with 4 entries 2×2 and there the problem of the doubled border also in the desktop layout.
The code I use for the lists with 3 entries is actually

<style>
	.listbox {
    background-color: rgba(255,194,51,.2);
    border: 10px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,.5);
    margin-left: 0 !important;
		padding-right: 40px;
	}

	.listbox .wp-show-posts-inner {
    margin-top: 40px !important;
		margin-left: 40px !important;
	}
	@media (max-width: 768px) {
    .wp-show-posts-columns article:not(:nth-child(3)) .wp-show-posts-inner {
        margin-bottom: 0;
    }
}

</style>

I tried also

<style>
	.listbox {
    background-color: rgba(255,194,51,.2);
    border: 10px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,.5);
    margin-left: 0 !important;
		padding-right: 40px;
	}

	@media (max-width: 768px) {
    .wp-show-posts-columns article:not(:nth-child(3)) .wp-show-posts-inner {
        margin-bottom: 0;
    }
}

</style>

but the result is the same.