Visual Enhancements Needed for Gallery Block on Posts/Pages

[alexdeborba]

Description:

The Gallery Block in the theme lacks consistent padding at the top, similar to the previously noted concerns with the Image Block Issue #15. The desired padding adjustments set in the theme.json have not been effectively reflected within the theme. To temporarily address this, changes have been made directly to the style.css file.

1. Padding on Top of Gallery Block:

• The Gallery Block is missing adequate padding at the top. Adding this padding would ensure a clearer separation from preceding content, enhancing both readability and the visual flow of the page.

Step-by-step Reproduction Instructions:

1. Navigate to a post in the theme that features a Gallery Block.
2. Examine the space above the Gallery Block, noting the absence of top padding.

Expected Behavior:

The Gallery Block should display with suitable top padding, offering a distinct separation from any content or elements that precede it.

Screenshots:

Backend Preview.

Frontent Preview.

Current Workaround:

Although the goal was to apply this padding through the theme.json, the theme did not adopt these changes. As a provisional measure, the necessary padding adjustments have been incorporated into the style.css file. This is a temporary solution, and the intention is to eventually determine an effective way to integrate this padding adjustment within theme.json and then remove the associated styles from style.css.

Suggested Next Steps:

Investigate the reason for the theme.json not translating the padding styles to the theme. Once a resolution is identified, transition the padding adjustments from style.css to theme.json to maintain best practices and consistency within the theme.