Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

Support Forum

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support List in a box Reply To: List in a box

#9334
Bernhard
Participant

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.