[Support request] Blog Customizations

Hi there,

Any chance you can link us to the site in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

Try this CSS:

.entry-content .wp-block-image {
    border: 10px solid #ffffff;
    box-shadow: 0 2px 18px 0 rgb(0 0 0 / 20%);
}

But it will make the image wider than your container width since the image block is set to alignwide.

You can try disable the alignment for the image blocks see if that’s better.

Let me know 🙂

Then try this CSS instead:

.entry-content .wp-block-image img {
    box-sizing: border-box;
    padding: 12px;
    box-shadow: 0 2px 18px 0 rgb(0 0 0 / 20%);
}

It’s the exact same CSS the example site is using.

Hi James,

That particular page uses IBX Plex Sans Condensed(for the breadcrumbs and menu items) and Elena Sans serif (for the body text).

there are two highlighted chunks of text one one light grey and the other in yellow.

You can add background color to a paragraphblock.

For the rounded corner, you can add a custom CSS class, eg. rounded-corner-text.
https://www.screencast.com/t/TgCr1l9Et

Then add this CSS:

.rounded-corner-text {
    border-radius: 10px;
}