How do I customise the post button?

[rhinotago]

Hi there. Am I able to customise the button on the Post pages to match the other buttons on my site? The button settings within the Post page appear to be very restrictive? The first image attached shows the button options when creating a post, and the second image shows how the button appears on my site (and shows the button style I would like to replicate).

[tristup]

Hi @rhinotago,

Thanks for reaching out.
Unfortunately, there is no such option to style the Button in the Default block editor. But you can do that by adding the CSS class into Additional CSS Class(es) as mentioned in the given screenshot.

Hope it helps.
Thanks

[rhinotago]

Do you have any documentation expanding on creating CSS classes?

[prakash_s]

Hello @rhinotago,

Regretfully there is no such documentation on the CSS. You can learn the CSS form here . In case if you have no idea about coding you may subscribe to our services called One where customization questions are answered.

Thanks for understanding

[rhinotago]

Can you just let me know how I can change he button from a lozenge to a square button with a 10px radius?

[ruenel]

Hello @rhinotago,

@Tristup already explained in his response. You are using the Button block in the Gutenberg editor. Regretfully you do not have full control over that button which means that you cannot change the border radius of the button. You will only have a rounded shape with a Fill or Outline style.

The button controls can be also seen on the right-side button block panel:

If you want to customize this button, you will have to use custom CSS. Perhaps this link can help you.

• https://www.billerickson.net/wordpress-color-palette-button-styling-gutenberg/

Best Regards.