Reply To: Post grid personalization

[Alexis]

Hi @viagemlenta ! Upon checking your page, I noticed that you’re using the default Latest Posts block. I’d recommend switching to Post Grid from Ultimate Blocks if you want to exclude the current post from the list being shown. However, the needed custom CSS codes to achieve your desired effect with any of the two differ very little. Either way, you’ll need to ensure that each cell would have an ample margin from each other.

If you keep Latest Posts, here’s the code you’ll need:

.wp-block-latest-posts.is-grid > li {
    margin: 10px;
    background-color: #ffffff;
}

.wp-block-latest-posts.is-grid{
    background-color: #0088aa;
}

On the other hand, if you decide to switch to our Post Grid block, here’s what you’ll use:

.ub-post-grid-items.is-grid > article {
    margin: 10px;
    padding: 10px;
    background-color: <slot>#ffffff</slot>;
}

.ub-post-grid-items.is-grid {
    background-color: <slot style="font-size: 1rem;">#0088aa</slot>;
}

For both of them, you may adjust the background-color, margin, and padding values to better match your page theme.

Please let us know how it goes.