Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Below, we lay out how you can manage, create, and edit your content and design directly from this handy tool. 

Easily view and organize your menus  

When you click the “Navigation” tab in the Site Editor, you’ll get a great high-level view of your menus with the ability to preview, edit, and switch between each as you’d like. From here, you can organize menu links by simply dragging them with your mouse into the desired order. 

You can also click the three-dot menu and organize your navigation that way; from there you can also click through to the individual post or page that you’re moving around, in order to make changes on the fly. 

Create new pages; edit existing pages

You can now also access pages from the Site Editor — whether you want to edit existing content or add a brand new page. When you first click into a page from the Site Editor you’ll see some data on the lefthand side (date published, word count, time to read, etc.) and the page itself to the right of that. 

When you click the page, you’ll be brought into editing mode for that page with the option to edit the template as you’d like.

Change up your style  

Not only is streamlined content management here, but so is design editing. There’s now a top-level Styles section in the Site Editor which allows you to experiment with and apply various color and font combinations, when they’re available for your theme. You can also open the Style Book from the Site Editor to get an idea of what various blocks look like with the different styles.   

Style revisions are also now accessible from the Site Editor, at the bottom of the left hand column, allowing you to easily see and revert to changes you’ve made in the past.  

Work in peace with distraction-free mode 

The popular distraction-free writing mode has been available for editing posts and pages for some time and we’re excited that it’s now available in the Site Editor as well. Work on your home page and templates without other controls or menus getting in your way. 

Distraction-free mode is accessible via the keyboard shortcut “Shift + Cmd + \” for Mac and “Shift + Ctrl + \” for Windows, or in the top right options menu. 

Resize the editor for quick previews 

If you’re curious about how all these changes you’re making will appear on various devices,  WordPress has added the ability to resize the Site Editor. With a simple click and drag, you’ll see what your site looks like on mobile devices, tablets, and desktops. If you resize to engage the full screen, you’ll automatically be placed in Edit View to begin editing. 

Try out the Site Editor and let us know what you think in the comments. We’re always listening to your feedback.

Professional design without a designer  

From basic options like colors and typography, to more advanced parameters like content dimensions, padding, and block-specific settings, you’re sure to find our style customizations useful no matter your level of design expertise (or lack thereof!).  

Though a number of themes come with style variations that you can test out, using custom Styles gives you even more freedom and flexibility to experiment and play around with various design pieces. 

Utilizing these settings creates new default styling for elements on your site, such as headings, paragraphs, and buttons. This means that any new pages or posts created will automatically inherit these styles, making the entire process much more efficient. Additionally, any changes you make will be reflected across the entire site, ensuring a consistent look and feel.

Our Site Editor design tools are perfect for those who want to save time and effort while maintaining a consistent look and feel across their website.

How to DIY design, with ease 

From the Site Editor (on the left sidebar, navigate to Appearance → Editor), click the “Edit” button at the top left of the page, and then the Styles icon on the top right. A sidebar will come up with a number of options to explore. (Note: This option may not appear if the theme you’re using isn’t compatible with the Site Editor.)

The best place to start is with the Style Book. Using Style Book, you can explore the various color and typography schemes and get a sense for what different blocks will look like before implementing them: 

Once you’re out of the Style Book, you can click “Browse Styles,” which allows you to preview what those style elements look like on your actual site. Remember, nothing is set in stone until you hit the “Save” button. 

From there, you can experiment with specific settings for typography, colors, and layout. You can also fine-tune design aspects for specific blocks. For example, if you tweak the color or text size in the Heading Block, it’ll change every heading on your site as well as become the new default for any new headings.

When you set a block-specific style from the Site Editor, any changes you make on specific pages or posts will only apply to that placement – though you can hit the “Apply globally” button to incorporate them across the entire site. 

Styles tools are available on Premium plans and above.

Professional design without a designer  

From basic options like colors and typography, to more advanced parameters like content dimensions, padding, and block-specific settings, you’re sure to find our style customizations useful no matter your level of design expertise (or lack thereof!).  

Though a number of themes come with style variations that you can test out, using custom Styles gives you even more freedom and flexibility to experiment and play around with various design pieces. 

Utilizing these settings creates new default styling for elements on your site, such as headings, paragraphs, and buttons. This means that any new pages or posts created will automatically inherit these styles, making the entire process much more efficient. Additionally, any changes you make will be reflected across the entire site, ensuring a consistent look and feel.

Our Site Editor design tools are perfect for those who want to save time and effort while maintaining a consistent look and feel across their website.

How to DIY design, with ease 

From the Site Editor (on the left sidebar, navigate to Appearance → Editor), click the “Edit” button at the top left of the page, and then the Styles icon on the top right. A sidebar will come up with a number of options to explore. (Note: This option may not appear if the theme you’re using isn’t compatible with the Site Editor.)

The best place to start is with the Style Book. Using Style Book, you can explore the various color and typography schemes and get a sense for what different blocks will look like before implementing them: 

Once you’re out of the Style Book, you can click “Browse Styles,” which allows you to preview what those style elements look like on your actual site. Remember, nothing is set in stone until you hit the “Save” button. 

From there, you can experiment with specific settings for typography, colors, and layout. You can also fine-tune design aspects for specific blocks. For example, if you tweak the color or text size in the Heading Block, it’ll change every heading on your site as well as become the new default for any new headings.

When you set a block-specific style from the Site Editor, any changes you make on specific pages or posts will only apply to that placement – though you can hit the “Apply globally” button to incorporate them across the entire site. 

Styles tools are available on Premium plans and above.

Professional design without a designer  

From basic options like colors and typography, to more advanced parameters like content dimensions, padding, and block-specific settings, you’re sure to find our style customizations useful no matter your level of design expertise (or lack thereof!).  

Though a number of themes come with style variations that you can test out, using custom Styles gives you even more freedom and flexibility to experiment and play around with various design pieces. 

Utilizing these settings creates new default styling for elements on your site, such as headings, paragraphs, and buttons. This means that any new pages or posts created will automatically inherit these styles, making the entire process much more efficient. Additionally, any changes you make will be reflected across the entire site, ensuring a consistent look and feel.

Our Site Editor design tools are perfect for those who want to save time and effort while maintaining a consistent look and feel across their website.

How to DIY design, with ease 

From the Site Editor (on the left sidebar, navigate to Appearance → Editor), click the “Edit” button at the top left of the page, and then the Styles icon on the top right. A sidebar will come up with a number of options to explore. (Note: This option may not appear if the theme you’re using isn’t compatible with the Site Editor.)

The best place to start is with the Style Book. Using Style Book, you can explore the various color and typography schemes and get a sense for what different blocks will look like before implementing them: 

Once you’re out of the Style Book, you can click “Browse Styles,” which allows you to preview what those style elements look like on your actual site. Remember, nothing is set in stone until you hit the “Save” button. 

From there, you can experiment with specific settings for typography, colors, and layout. You can also fine-tune design aspects for specific blocks. For example, if you tweak the color or text size in the Heading Block, it’ll change every heading on your site as well as become the new default for any new headings.

When you set a block-specific style from the Site Editor, any changes you make on specific pages or posts will only apply to that placement – though you can hit the “Apply globally” button to incorporate them across the entire site. 

Styles tools are available on Premium plans and above.

Professional design without a designer  

From basic options like colors and typography, to more advanced parameters like content dimensions, padding, and block-specific settings, you’re sure to find our style customizations useful no matter your level of design expertise (or lack thereof!).  

Though a number of themes come with style variations that you can test out, using custom Styles gives you even more freedom and flexibility to experiment and play around with various design pieces. 

Utilizing these settings creates new default styling for elements on your site, such as headings, paragraphs, and buttons. This means that any new pages or posts created will automatically inherit these styles, making the entire process much more efficient. Additionally, any changes you make will be reflected across the entire site, ensuring a consistent look and feel.

Our Site Editor design tools are perfect for those who want to save time and effort while maintaining a consistent look and feel across their website.

How to DIY design, with ease 

From the Site Editor (on the left sidebar, navigate to Appearance → Editor), click the “Edit” button at the top left of the page, and then the Styles icon on the top right. A sidebar will come up with a number of options to explore. (Note: This option may not appear if the theme you’re using isn’t compatible with the Site Editor.)

The best place to start is with the Style Book. Using Style Book, you can explore the various color and typography schemes and get a sense for what different blocks will look like before implementing them: 

Once you’re out of the Style Book, you can click “Browse Styles,” which allows you to preview what those style elements look like on your actual site. Remember, nothing is set in stone until you hit the “Save” button. 

From there, you can experiment with specific settings for typography, colors, and layout. You can also fine-tune design aspects for specific blocks. For example, if you tweak the color or text size in the Heading Block, it’ll change every heading on your site as well as become the new default for any new headings.

When you set a block-specific style from the Site Editor, any changes you make on specific pages or posts will only apply to that placement – though you can hit the “Apply globally” button to incorporate them across the entire site. 

Styles tools are available on Premium plans and above.

Professional design without a designer  

From basic options like colors and typography, to more advanced parameters like content dimensions, padding, and block-specific settings, you’re sure to find our style customizations useful no matter your level of design expertise (or lack thereof!).  

Though a number of themes come with style variations that you can test out, using custom Styles gives you even more freedom and flexibility to experiment and play around with various design pieces. 

Utilizing these settings creates new default styling for elements on your site, such as headings, paragraphs, and buttons. This means that any new pages or posts created will automatically inherit these styles, making the entire process much more efficient. Additionally, any changes you make will be reflected across the entire site, ensuring a consistent look and feel.

Our Site Editor design tools are perfect for those who want to save time and effort while maintaining a consistent look and feel across their website.

How to DIY design, with ease 

From the Site Editor (on the left sidebar, navigate to Appearance → Editor), click the “Edit” button at the top left of the page, and then the Styles icon on the top right. A sidebar will come up with a number of options to explore. (Note: This option may not appear if the theme you’re using isn’t compatible with the Site Editor.)

The best place to start is with the Style Book. Using Style Book, you can explore the various color and typography schemes and get a sense for what different blocks will look like before implementing them: 

Once you’re out of the Style Book, you can click “Browse Styles,” which allows you to preview what those style elements look like on your actual site. Remember, nothing is set in stone until you hit the “Save” button. 

From there, you can experiment with specific settings for typography, colors, and layout. You can also fine-tune design aspects for specific blocks. For example, if you tweak the color or text size in the Heading Block, it’ll change every heading on your site as well as become the new default for any new headings.

When you set a block-specific style from the Site Editor, any changes you make on specific pages or posts will only apply to that placement – though you can hit the “Apply globally” button to incorporate them across the entire site. 

Styles tools are available on Premium plans and above.