Page Comparison

...

Best Practices & Tips

• Minimize custom styling and make the most of the default options available in our KalaPress theme. However, custom styles can be added when necessary.

• Avoid over-engineering patterns. Build them semantically, and keep nested blocks to a minimum unless absolutely required.

• Ensure there is appropriate spacing around patterns so that editors can easily drop a pattern into a page and have it look visually pleasing with minimal adjustments.

• To build a pattern with a smaller container, insert a Group block within your pattern and select the “Small Container” Style variation from the Block Styles settings.

  

  • You can align the container (left, center, right) by changing the Justification settings under the Block Layout settings.

    

• I like to make sure that the patterns are versatile, allowing for content to adapt versatile and adaptable to different widths (such as Align Full and Align Wide) and enabling background color customization. To achieve do this, you can wrap I add a container around the content within a container inside the pattern. This way, the editor can easily apply width adjustments and background color settings directly to the outer container.outer container can be any width and hold the background color, while the text content stays constrained within the inner container.

  Image Added

• Test the pattern for responsiveness. For instance, if you've added large padding around an element that looks good on desktop, make sure it also displays well on smaller screens.

...