SpacePress WP

WordPress Theme SpacePress WP

SpacePress WP is a clean, flexible, fast and accessibility-ready block theme. Its default look is a stylish black on white background color scheme and lexend font (a sans-serif typography). SpacePress WP is built from the ground up for flexibility. It includes six different theme styles to choose from, and different block patterns that you can use to quickly create unique page layouts. This great flexibility characterizes the theme.

SpacePress WP was added to the WordPress repository on 23 June 2025.

Update-Symbol

Update

‘Dynamic Header & Navigation for Block Themes’ (formerly known as ‘Shrinking Logo Sticky Header’) is a lightweight WordPress plugin designed specifically for block themes.
It adds a modern sticky header with smooth, animated shrinking effects for the header and logo. It also allows you to define a breakpoint for the mobile menu, and from version 1.2 onwards, there is an option for off-canvas.

For your information: The plugin is already in use here on haurand.com (see header with navigation).

The plugin works great with my SpacePress WP and Circles WP block themes (also available in the WordPress repository).

19.5.2025: The plugin is available in the WordPress repository..

If you want to have subtly animated navigation, you can find the corresponding CSS rules here. The display is similar to that here on haurand.com. The colour of the animated underline is automatically set according to the colour palette.

To use this animation, please proceed as follows and copy and paste the following CSS rules there:

Block Themes: Using animated navigation
Block Themes: Using animated navigation
/* animated underline links in navigation*/
a.wp-block-navigation-item__content {
    box-shadow: inset 0 -1px 0 var(--wp--preset--color--contrast-2);
    text-decoration: none;
}



a.wp-block-navigation-item__content:hover {
    box-shadow: inset 0 -4px 0 var(--wp--preset--color--contrast-2);
    transition: all 0.6s ease-in-out;
    text-decoration: none;
}

a.wp-block-navigation-item__content:active {
    box-shadow: inset 0 -6px 0 var(--wp--preset--color--base-2);
    transition: all 0.6s ease-in-out;
    text-decoration: none;
}

a.wp-block-navigation-item__content:focus {
    outline: 1px dotted;
}