Customize Site Title Block

The Site Title block is a dynamic element that prominently displays the name of your website across various locations. When you modify this block, the changes will be automatically reflected throughout the entire site, ensuring consistency and ease of updates.

Additionally, the Site Title is an essential component for branding and search engine optimization, with the ability to streamline updates and maintain a cohesive appearance throughout your website.

Customize the Site Title Block (CODE)

Look for the code below inside the theme.json file inside the Frost theme. The block supports the following style settings: color, spacing, and typography. Customize each one as desired.

{
	"styles": {
		"blocks": {
			"core/site-title": {
				"elements": {
					"link": {
						"typography": {
							"textDecoration": "none"
						}
					}
				},
				"typography": {
					"fontSize": "var(--wp--preset--font-size--large)",
					"fontWeight": "var(--wp--custom--font-weight--regular)",
					"lineHeight": "var(--wp--custom--line-height--one)"
				}
			}
		}
	}
}

Customize the Site Title Block (NO-CODE)

Go to Appearance > Editor > Styles > Blocks > Site Title, and you will see a panel like the one below. Change Typography, Colors, and Layout values as desired.

Note there is also an option for additional block CSS, which allows you to add your own CSS to customize the appearance of the Site Title block.