{"id":9648,"date":"2024-08-01T14:45:35","date_gmt":"2024-08-01T18:45:35","guid":{"rendered":"https:\/\/www.pair.com\/support\/kb\/?post_type=ht_kb&#038;p=9648"},"modified":"2025-12-15T12:01:16","modified_gmt":"2025-12-15T17:01:16","slug":"customizing-the-appearance-of-your-wp-site-builder-site","status":"publish","type":"ht_kb","link":"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/","title":{"rendered":"Customizing the Appearance of your WP Site Builder Site"},"content":{"rendered":"\n<p>WP Site Builder makes it easy to customize your site\u2019s appearance.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Access Your WP Site Builder Site Editor<\/h2>\n\n\n\n<p>Site customization takes place in the site editor interface, so you must first navigate there.&nbsp;<\/p>\n\n\n\n<ol>\n<li>Log in to your WP Site Builder interface. See <a href=\"https:\/\/www.pair.com\/support\/kb\/logging-in-to-your-pair-site-builder-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">Logging in to Your WP Site Builder Site<\/a><\/li>\n\n\n\n<li>In the left sidebar, hover over the <strong>Appearance<\/strong> tab<\/li>\n\n\n\n<li>In the drop-down, click <strong>Editor<\/strong><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Customize Your Site<\/h2>\n\n\n\n<p>In the WP Site Builder site editor, you can make changes to your site\u2019s appearance, including:\u00a0<\/p>\n\n\n\n<ul>\n<li><a href=\"#navigation\">Navigation<\/a><\/li>\n\n\n\n<li><a href=\"#styles\">Styles<\/a><\/li>\n\n\n\n<li><a href=\"#pages\">Pages<\/a><\/li>\n\n\n\n<li><a href=\"#templates\">Templates<\/a><\/li>\n\n\n\n<li><a href=\"#patterns\">Patterns<\/a><\/li>\n<\/ul>\n\n\n\n<p>Click the tabs to see more options for each section.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf-QDxKzG2huo22Mwrhk_eCZ5wpUbxxFd9hglUL9LdLSnBeC-l2FEJJ6Z_Z1hj_YOuk_8on1505xFvI3YkxC63sYt4YstzMckOiGbljKkDxTIfvgDCPNgW7AWCvQ0eCWosuN_VInTfn7iXVxxaT_GsvoNU?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Navigation<\/h2>\n\n\n\n<p>In the Navigation tab, you will find a list of pages that make up your site\u2019s current navigation bar.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXd5gNvGOfMoZy1O1JdIWYhzZOBuCz4aResV1HwwDi1MKM4hO6tS4PwEHT6_fa7GpjJBRrNfjLPR595XR2lJoN4ctNV-j7gI6Fba9qgwBc4yGC1eCfKvE-nQ0eiubNno_a_BF1TVjBfVNzGsgtc8ryy3BLjg?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" width=\"20\" height=\"20\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcJuxbdKSqYMEt2icdZVvgFdvv4JDbZqYJejzHCLi1-GMuy_VjODwLMIbzHscB0bf9nk5sCJiv1x8-raeahnEVL-jcdMavdoZvVzcIZ_EOYxHUHRKZTlEP60IBj4pcQe9UT9eWGaft2kmxpaiI9vJ3l7w5m?key=pLL3EB8gIFfhdUQqFpxY2g\"> icon to see additional options:&nbsp;<br>- <strong>Rename<\/strong>: Rename the navigation bar<br>- <strong>Duplicate<\/strong>: Create a copy of the current navigation bar<br>- <strong>Delete<\/strong>: Delete the navigation bar<\/td><\/tr><tr><td>2<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" width=\"21\" height=\"20\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdfZPqD5b4DMuNO7PVx8frcyqzhAclp9kk6IhtzezUu7LNmqjNDbtT3G35uir_97oz1ZYeprBl5oEfGwCsYcEaXDUKeo4JhGRzwmjffRT-6aK_7h2uTp12bkyA5qOw691gv4TA0BLJyObOM7FY4P00OkgFP?key=pLL3EB8gIFfhdUQqFpxY2g\"> icon to enter the navigation\u2019s block editor. You can edit the navigation bar using the WordPress block tools. See <a href=\"https:\/\/www.pair.com\/support\/kb\/editing-a-page-with-pair-site-builder\/#block-basics\" target=\"_blank\" rel=\"noreferrer noopener\">Block Basics<\/a> for more information.&nbsp;<\/td><\/tr><tr><td>3<\/td><td>This is a list of your current navigation menu items. You can click and drag any page to rearrange the page order. Rearranging the order may also change the navigation bar.&nbsp;<\/td><\/tr><tr><td>4<\/td><td>This is your site\u2019s live preview. Changes you make to your site will appear here.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Styles<\/h2>\n\n\n\n<p>In the Styles tab, you will find a collection of different styles you can apply to your current website design. Click on the different styles to preview them.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcV8qypnnR5Uy27BxybEwnKaPqGyGvENjpY-8N1CefJU5SZEaUq3D1oIFhnmp36tuBTWknd_7Ho6axKoaZJqJWxNpGOuR-3ezjbnieE_TU3UdiU3-99DY1otPEXUoNOXreyTyErKeevDAV_bSlK1NjSNRSS?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeudQPxtvxQlIjPICkoldy_XyZO1JbAP3s7XpvNPN9Or69vx7OiYGe0pQ5FojT6p4ENrcaqVPebRllKhVZTxAEf0AiPMiXXO-Ss1JWn-MyhJJVRtDPT4R54tCblEzkpEUJ3eHVJQEzc7_16WBWUe9i1RwEg?key=pLL3EB8gIFfhdUQqFpxY2g\" width=\"26\" height=\"26\"> icon to view the style book for the currently selected design.<\/td><\/tr><tr><td>2<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" width=\"27\" height=\"25\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeqVPbR2l9Jc6-3tbikWCXvTU4KgVU24v78M1ML08WtNrf8jvJXogkLzOvw2BoqBSNnup-FMybLrwPYCQkexZcLt6nLjOJelTjlYmBd9_Lrkq3DVA9UUakotagad8Vu-dCxsmGMgcxX3EZHKZVx0VhYU-7E?key=pLL3EB8gIFfhdUQqFpxY2g\"> icon to enter the block editor. You can add\/remove blocks and make changes via the block sidebar on the right of the screen. See <a href=\"https:\/\/www.pair.com\/support\/kb\/editing-a-page-with-pair-site-builder\/#block-basics\" target=\"_blank\" rel=\"noreferrer noopener\">Block Basics<\/a> for more information.&nbsp;<\/td><\/tr><tr><td>3<\/td><td>This is a list of available styles. Click on any style to preview it in the site previewer (shown in area 4).<\/td><\/tr><tr><td>4<\/td><td>This is your site\u2019s live preview. Changes you make to your site will appear here.&nbsp;<\/td><\/tr><tr><td>5<\/td><td>If you\u2019ve made changes to your site, you can click the <strong>Last Modified<\/strong> tab to see a list of revisions.&nbsp;<br>To roll back to a previous revision, click on the revision, then click the <strong>Apply <\/strong>button.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcRWnsSZVWl1POumer5I4aFEIEDqifoOEXfSYxf0jBLJztG2RGs8TgINdGAK_LNEqmKG29COJQrmKs_eNlI7DJaID3Oy9XP6Hv3e59u__D0JJ_gyFlNod8yvD9Zxk31EnIlpnfiNA3k64jV-RUoRaWx48fB?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Pages<\/h2>\n\n\n\n<p>In the Pages tab, you will find a list of your existing pages.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXd7J0YHJjYvsJh1N49zxM8DufBRya9W6D9yBCl-H8ZXc00jqANaDyNuQf2bbbRenByW96P3Xl8M0P3zhfA_iXjJM0KBBlblIVwqmeXf7g9mzv7sw6IlhlMDkBnye8n_E1N-FAZKZkfOBn_rvVeLcnnECSr1?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>Click the <strong>+<\/strong> button to add a new page.&nbsp;<\/td><\/tr><tr><td>2<\/td><td>This is a list of your site\u2019s pages. Click on each page to see additional details.&nbsp;<\/td><\/tr><tr><td>3<\/td><td>Click the <strong>Manage all pages<\/strong> button to see a list of all pages, including drafts and pages in the trash.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Individual Page Settings<\/h3>\n\n\n\n<p>If you click any of the pages, the page will appear in the site preview and new page-specific settings will appear in the left sidebar.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdCqKYOrJa-IjN1cGNC1pAizo2bzpL8osbiZUB4r1fOwAVurdbpU_xYygIpq9FBGWd_YlR-2TYMqvg4I9BAXbTmDW9ssfNTL_GIFEymaOlE-ui16Qh63ZeEjcb9sYu58pjcsZ2ZDU0-9dBJUmaQ4R9RbHw?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Manage All Pages Settings<\/h3>\n\n\n\n<p>From the <strong>Manage all pages<\/strong> tab, you can easily view your pages, drafts, and pages that you have placed in the trash.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXchnNz1eaLPrdjJfXqkwvVpJVQiN9LhIy1cqnb5-MxV2eqLxYxLaXMWkoqbV3xE0iw10gHLYJ1e6IVKd_X-aD3dbKV5kh-6BcOqhYT8oSA0ikEmvAwXtH41kI7HkLicw70yy4WUz_sogNgf49qunarynQBk?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>This is a list of different page types, including:&nbsp;<br>- All pages<br>- Drafts<br>- Trash<\/td><\/tr><tr><td>2<\/td><td>Use the search bar to look up a specific page.&nbsp;<\/td><\/tr><tr><td>3<\/td><td>Click the <strong>+Add filter<\/strong> button to filter search results based on specific parameters.&nbsp;<\/td><\/tr><tr><td>4<\/td><td>Click the <strong>Reset filters <\/strong>button to remove any filters.&nbsp;<\/td><\/tr><tr><td>5<\/td><td>Click the <strong>Add New Page<\/strong> button to begin the process of adding a new page.\u00a0<br>See<a href=\"https:\/\/www.pair.com\/support\/kb\/editing-a-page-with-pair-site-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Editing a Page with WP Site Builder<\/a>.<\/td><\/tr><tr><td>6<\/td><td>Click <strong>Bulk Edit<\/strong> to apply bulk actions to your pages.&nbsp;<br>Note: You must check the box next to one or more pages in order to apply bulk edits.&nbsp;<\/td><\/tr><tr><td>7<\/td><td>Use the <img decoding=\"async\" loading=\"lazy\" width=\"34\" height=\"34\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcBNswS4y-ErP3S714XSqn2WC69DEmWqMGqG51wO2TawVWdwqxqxT0EP3-OBKnLXZfimuwKBFrx9dbToRBtaWyQP5UD5UR_2-FqJv9SkDUrfDCE0fsXqUjnR6NVrkqwveDR_D5VGgEJv0eVbvNZqZDWjkGO?key=pLL3EB8gIFfhdUQqFpxY2g\">&nbsp; icon to make changes to the table holding the template parts. Changes include:&nbsp;<br>- Changing layout<br>- Changing sorting methods<br>- Changing fields shown<br>- Changing items shown per page<\/td><\/tr><tr><td>8<\/td><td>This is a list of the pages. Click on the name of a page to open the page editor.&nbsp;<\/td><\/tr><tr><td>9<\/td><td>This is the author of the page&nbsp;<\/td><\/tr><tr><td>10<\/td><td>Click the<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXc8zgeJSqCJPsTYZRAjESsmkD0qAH4svGW7CvjUB6DeABTHkzA5rZLAQ-fE1kMXpZUCHn9soq60Qc7kCrDw1vMgX0PovylzoMXw6VV0jl_hXzQvuybBTHG-iAbEaSuAkrtune44yxpSYLPOy-brhjn4Y_ey?key=pLL3EB8gIFfhdUQqFpxY2g\" width=\"23\" height=\"23\"> icon to view the live version of the page.&nbsp;<\/td><\/tr><tr><td>11<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfOOaHn1rkv10RJj3Rzwt2oywAOlfWWcDYTyVLsRIjveibwGr8xSn76H_h0I3CwxCHWUDPZdpl6Mr28QPFCRehcxEwQ_tJjOfQen28kKiv9lxNoaLh5TbCid_-NNS16QEQQSV2ee5ytK9WJBFdkRxHbaD91?key=pLL3EB8gIFfhdUQqFpxY2g\" width=\"20\" height=\"21\">icon to move the page to the trash.&nbsp;<\/td><\/tr><tr><td>12<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdB0YkxOI5GvZ_KMB8UEzcLW7ZD3NhTUywUTX8P_U5RIDxV4F-zp79qw3OOpuDAEmxIwC6LSojbf-ZfZIS6W_UG1b_jRj0py6U6KA6YVuA2zzv0092r6Jdfb6256gS2C2_yhqu3oEXBYBQIZjQ0aWnNqw_V?key=pLL3EB8gIFfhdUQqFpxY2g\" width=\"20\" height=\"30\">to see a list of actions you can apply to the page.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Templates<\/h3>\n\n\n\n<p>Templates are a pre-designed foundation you can use to build your pages. WP Site Builder comes equipped with templates you can use for your site. In the Templates tab, you can view the available templates.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcJnLO7N2YrB7GgCDHH6W0a5fqFQtfIRbBq3xi2o-X3s6JepVTZBjd5xWMnkRJKwFXOBLWlieTkZ-k9mThLlw7znvuxoPRhZKvP7WoowbZTCRLtiNrNqlgzwF79YVSE-N696tAgyMFp13G_gBiEhXJTlmjF?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>This is a list of templates. Click on a template to preview it in the site previewer (shown in area 3)<\/td><\/tr><tr><td>2<\/td><td>Click the <strong>Manage All Templates<\/strong> button to go to the Manage Templates interface. See <a href=\"#manage-all-templates\">Manage All Templates section<\/a> for more information.&nbsp;<\/td><\/tr><tr><td>3<\/td><td>This is the site previewer. See relevant changes and template examples in this section.&nbsp;<\/td><\/tr><tr><td>4<\/td><td>Click the <strong>+<\/strong> button to create a new template. See <a href=\"https:\/\/www.pair.com\/support\/kb\/creating-a-template-with-pair-site-builder\" target=\"_blank\" rel=\"noreferrer noopener\">Creating a New Template<\/a>.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Manage All Templates<\/h3>\n\n\n\n<p>Clicking the <strong>Manage all templates<\/strong> button will take you to the Manage Templates interface.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcpUgRmj3G5MnJ2Q_67MSf880hL9q6TQOWO1FIQInCyixE1mGNto4dWKRMw2NAna1kC9Cz2t-Xa1egXHTGNnqorf650UykSAXRTyEd5l_X9wNc4WOA8kPNPfSkt2VTtFLvMIejp5STru-BSKCoPjzgLtUlK?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>A list of all template types. Click on a template type to sort the template table (shown in areas 7, 8, 9, and 10).&nbsp;<\/td><\/tr><tr><td>2<\/td><td>Use the search bar to look up a specific template.&nbsp;<\/td><\/tr><tr><td>3<\/td><td>Click the <strong>+Add filter<\/strong> button to filter search results based on specific parameters.&nbsp;<\/td><\/tr><tr><td>4<\/td><td>Click the <strong>Reset filters <\/strong>button to remove any filters.&nbsp;<\/td><\/tr><tr><td>5<\/td><td>Click the <strong>Add New Template<\/strong> button to begin the process of adding a new custom template.&nbsp;<br>See <a href=\"https:\/\/www.pair.com\/support\/kb\/creating-a-template-with-pair-site-builder\" target=\"_blank\" rel=\"noreferrer noopener\">Creating a New Template<\/a>.<\/td><\/tr><tr><td>6<\/td><td>Use the <img decoding=\"async\" loading=\"lazy\" width=\"34\" height=\"34\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcBNswS4y-ErP3S714XSqn2WC69DEmWqMGqG51wO2TawVWdwqxqxT0EP3-OBKnLXZfimuwKBFrx9dbToRBtaWyQP5UD5UR_2-FqJv9SkDUrfDCE0fsXqUjnR6NVrkqwveDR_D5VGgEJv0eVbvNZqZDWjkGO?key=pLL3EB8gIFfhdUQqFpxY2g\"> icon to make changes to the patterns table. Changes include:&nbsp;<br>- Changing layout<br>- Changing sorting methods<br>- Changing fields shown<br>- Changing items shown per page<\/td><\/tr><tr><td>7<\/td><td>This is a list of the template names. Click on a template name to see a preview of the template.&nbsp;<\/td><\/tr><tr><td>8<\/td><td>This is a description of the template.&nbsp;<\/td><\/tr><tr><td>9<\/td><td>This is the author of the template.&nbsp;<\/td><\/tr><tr><td>10<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" width=\"20\" height=\"30\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdB0YkxOI5GvZ_KMB8UEzcLW7ZD3NhTUywUTX8P_U5RIDxV4F-zp79qw3OOpuDAEmxIwC6LSojbf-ZfZIS6W_UG1b_jRj0py6U6KA6YVuA2zzv0092r6Jdfb6256gS2C2_yhqu3oEXBYBQIZjQ0aWnNqw_V?key=pLL3EB8gIFfhdUQqFpxY2g\">icon to apply an action to the template.\u00a0<br>Note that some actions cannot be applied to templates that are included with WP Site Builder.\u00a0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>If you wish to manage individual template parts, see <a href=\"#patterns\">Patterns<\/a>.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Patterns<\/h3>\n\n\n\n<p>Patterns are individual designs that you can use in templates, pages, and posts. Once created, Patterns are added to your block editor so you can easily access them during the editing process. See <a href=\"https:\/\/www.pair.com\/support\/kb\/editing-a-page-with-pair-site-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Editing a Page with WP Site Builder<\/a>.\u00a0<\/p>\n\n\n\n<p>In the Patterns tab, you can view all available patterns. In the left sidebar, you can click the different options to sort the patterns based on location or function.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcf-u6xlcQYA4eZ6Ex_OFBIswF24-WVBLs4iCI-80yp5u51TOXOaNnMbBgZyVbDYvlwYjZ49VO4KasYVqEBuaeigi5JFJcra6Zn9qZf18Y_cnR2S1hwLjaD5LJUNtGxF96GCCEtu3TemwIiBGHa4zU9Uuk?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeSdHiDYmzmnZqHL-zRoDMqT6sDTcJuuJrKpFLrLhaUc7eCUlWPbdwufAZ7PzPn8duPb3CIqxMNW19lAln3QLOFoFFtkN57s2gjR0PXOYkHfa6gMRtTas5H9Tg9-sCAwLBh5S008B2_Q_q49B6S3euRmbg?key=pLL3EB8gIFfhdUQqFpxY2g\" width=\"23\" height=\"22\"> icon to add a new pattern.&nbsp;<\/td><\/tr><tr><td>2<\/td><td>This is a list of pattern types. Click on an item in this list to refine the pattern results.&nbsp;&nbsp;<\/td><\/tr><tr><td>3<\/td><td>Click <strong>Manage all of my patterns <\/strong>to view a list of all custom patterns you have created.\u00a0<br>Note that this does not include patterns that are included in WP Site Builder.\u00a0<\/td><\/tr><tr><td>4<\/td><td>Click <strong>Manage all template parts<\/strong> to view a list of all template parts that can be used in your templates. See the <a href=\"#manage-all-template-parts\">Manage All Template Parts section<\/a> for more information.&nbsp;<\/td><\/tr><tr><td>5<\/td><td>Use the search bar to look up a specific pattern.&nbsp;<\/td><\/tr><tr><td>6<\/td><td>Click the <strong>Sync Status <\/strong>button to filter search results based on two options:&nbsp;<br>- Synced: patterns that are kept in sync across the site<br>- Not Synced: patterns that can be changed freely without affecting the site.&nbsp;<\/td><\/tr><tr><td>7<\/td><td>Click the <strong>Reset filters <\/strong>button to remove any filters.&nbsp;<\/td><\/tr><tr><td>8<\/td><td>This is a table that displays all patterns.&nbsp;<\/td><\/tr><tr><td>9<\/td><td>Use the <img decoding=\"async\" loading=\"lazy\" width=\"34\" height=\"34\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcBNswS4y-ErP3S714XSqn2WC69DEmWqMGqG51wO2TawVWdwqxqxT0EP3-OBKnLXZfimuwKBFrx9dbToRBtaWyQP5UD5UR_2-FqJv9SkDUrfDCE0fsXqUjnR6NVrkqwveDR_D5VGgEJv0eVbvNZqZDWjkGO?key=pLL3EB8gIFfhdUQqFpxY2g\"> icon to make changes to the patterns table. Changes include:&nbsp;<br>- Changing sorting methods<br>- Changing fields shown<br>- Changing items shown per page<\/td><\/tr><tr><td>10<\/td><td>A lock indicates that the pattern cannot be edited.<\/td><\/tr><tr><td>11<\/td><td>Use the <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdlkYI_XCN_CSJ52Hwym114aUY4uMebVNx0tNZl5Gnw6l2JBLVzqnQwHmOSwUtrd6HebKY17ie2JJ-xLeXi9FAfQph3orlH98Zo1ZbUwG26AZoH7qxzC-BFlq8nhZ3dCF2HIYwY0Lwj3BuZtYGTa75NmMG7?key=pLL3EB8gIFfhdUQqFpxY2g\" width=\"20\" height=\"30\"> icon to reveal actions you can apply to the pattern.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Manage All Template Parts<\/h3>\n\n\n\n<p>The Manage All Template Parts interface displays a list of all template parts. Template parts can be used when creating new templates. While similar to a pattern, template parts cannot be used in posts or pages.\u00a0 See Creating a Template with WP Site Builder.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdfWpGeJJ3-ygeCVswzjYw1UiMTnrWxHqQnUTA3y6tdwdd8MQ1dn-b1QtisWjigra7nk3zGYBYb73GWWpWQbo1Nlsjsca3CVkzy06kZ3bvqpe5IlyXS3jur8iDQ3kykmW5EFguKDB7Efz07Wxo9x56vuGBH?key=pLL3EB8gIFfhdUQqFpxY2g\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>This is a list of template part variations that you can use to sort the template part list shown in section 10.&nbsp;<\/td><\/tr><tr><td>2<\/td><td>Use the search bar to look up a specific template part.&nbsp;<\/td><\/tr><tr><td>3<\/td><td>Click the <strong>+Add filter<\/strong> button to filter search results based on specific parameters.&nbsp;<\/td><\/tr><tr><td>4<\/td><td>Click the <strong>Reset filters <\/strong>button to remove any filters.&nbsp;<\/td><\/tr><tr><td>5<\/td><td>Click the <strong>Add New Template Part<\/strong> button to begin the process of adding a new custom template part.&nbsp;<br>See <a href=\"https:\/\/www.pair.com\/support\/kb\/creating-a-template-with-pair-site-builder\" target=\"_blank\" rel=\"noreferrer noopener\">Creating a New Template<\/a>.<\/td><\/tr><tr><td>6<\/td><td>Click <strong>Bulk Edit<\/strong> to apply bulk actions to your templates.&nbsp;<br>Note: You must check the box next to one or more template parts in order to apply bulk edits.&nbsp;<\/td><\/tr><tr><td>7<\/td><td>Use the <img decoding=\"async\" loading=\"lazy\" width=\"34\" height=\"34\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcBNswS4y-ErP3S714XSqn2WC69DEmWqMGqG51wO2TawVWdwqxqxT0EP3-OBKnLXZfimuwKBFrx9dbToRBtaWyQP5UD5UR_2-FqJv9SkDUrfDCE0fsXqUjnR6NVrkqwveDR_D5VGgEJv0eVbvNZqZDWjkGO?key=pLL3EB8gIFfhdUQqFpxY2g\">&nbsp; icon to make changes to the table holding the template parts. Change include:&nbsp;<br>- Changing layout<br>- Changing sorting methods<br>- Changing fields shown<br>- Changing items shown per page<\/td><\/tr><tr><td>8<\/td><td>This is a list of the available template parts. Click on the name of a template part to see a preview.&nbsp;<\/td><\/tr><tr><td>9<\/td><td>This is the author of the template part.&nbsp;<\/td><\/tr><tr><td>10<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdMIIbvgrijRKAIxLLNdlUqnbK8szT1rVTIDsqQEnd24cJxUyhfkBYszp2-fBN4khK1YPkBAodlUXMbEJNAZWunnlKFkMnvVtXekYlLeNH9rG1kjPVc_v1-89izM1-nIiKE2N8TvG8ogIbSJC32O0AdXpeJ?key=pLL3EB8gIFfhdUQqFpxY2g\" width=\"32\" height=\"32\">icon to revert to a previous version of the template part.&nbsp;<\/td><\/tr><tr><td>11<\/td><td>Click the <img decoding=\"async\" loading=\"lazy\" width=\"20\" height=\"30\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdB0YkxOI5GvZ_KMB8UEzcLW7ZD3NhTUywUTX8P_U5RIDxV4F-zp79qw3OOpuDAEmxIwC6LSojbf-ZfZIS6W_UG1b_jRj0py6U6KA6YVuA2zzv0092r6Jdfb6256gS2C2_yhqu3oEXBYBQIZjQ0aWnNqw_V?key=pLL3EB8gIFfhdUQqFpxY2g\"> icon to apply an action to the template part.\u00a0<br>Note that some actions cannot be applied to template parts that are included with WP Site Builder.\u00a0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Save Changes<\/h2>\n\n\n\n<p>To save your changes, click the <strong>Review # change\u2026<\/strong> button at the bottom of the sidebar. Once you have reviewed the changes, click the <strong>Save <\/strong>button.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WP Site Builder makes it easy to customize your site\u2019s appearance.\u00a0 Step 1: Access Your WP Site Builder Site Editor Site customization takes place in the site editor interface, so you must first navigate there.&nbsp; Step 2: Customize Your Site In the WP Site Builder site editor, you can make&#8230;<\/p>\n","protected":false},"author":11,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[223],"ht-kb-tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customizing the Appearance of your WP Site Builder Site - Knowledge Base - Pair Networks<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing the Appearance of your WP Site Builder Site - Knowledge Base - Pair Networks\" \/>\n<meta property=\"og:description\" content=\"WP Site Builder makes it easy to customize your site\u2019s appearance.\u00a0 Step 1: Access Your WP Site Builder Site Editor Site customization takes place in the site editor interface, so you must first navigate there.&nbsp; Step 2: Customize Your Site In the WP Site Builder site editor, you can make...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowledge Base - Pair Networks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pairnetworks\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-15T17:01:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf-QDxKzG2huo22Mwrhk_eCZ5wpUbxxFd9hglUL9LdLSnBeC-l2FEJJ6Z_Z1hj_YOuk_8on1505xFvI3YkxC63sYt4YstzMckOiGbljKkDxTIfvgDCPNgW7AWCvQ0eCWosuN_VInTfn7iXVxxaT_GsvoNU?key=pLL3EB8gIFfhdUQqFpxY2g\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@pairNetworks\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/\",\"name\":\"Customizing the Appearance of your WP Site Builder Site - Knowledge Base - Pair Networks\",\"isPartOf\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#website\"},\"datePublished\":\"2024-08-01T18:45:35+00:00\",\"dateModified\":\"2025-12-15T17:01:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pair.com\/support\/kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customizing the Appearance of your WP Site Builder Site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#website\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/\",\"name\":\"Knowledge Base - Pair Networks\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pair.com\/support\/kb\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#organization\",\"name\":\"Pair Networks\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg\",\"contentUrl\":\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg\",\"width\":360,\"height\":360,\"caption\":\"Pair Networks\"},\"image\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pairnetworks\/\",\"https:\/\/twitter.com\/pairNetworks\",\"https:\/\/www.instagram.com\/pairnetworks\/\",\"https:\/\/www.linkedin.com\/company\/2269676\/\",\"https:\/\/www.pinterest.com\/pairnetworksinc\/pins\/\",\"https:\/\/www.youtube.com\/user\/pairnetworks\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customizing the Appearance of your WP Site Builder Site - Knowledge Base - Pair Networks","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/","og_locale":"en_US","og_type":"article","og_title":"Customizing the Appearance of your WP Site Builder Site - Knowledge Base - Pair Networks","og_description":"WP Site Builder makes it easy to customize your site\u2019s appearance.\u00a0 Step 1: Access Your WP Site Builder Site Editor Site customization takes place in the site editor interface, so you must first navigate there.&nbsp; Step 2: Customize Your Site In the WP Site Builder site editor, you can make...","og_url":"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/","og_site_name":"Knowledge Base - Pair Networks","article_publisher":"https:\/\/www.facebook.com\/pairnetworks\/","article_modified_time":"2025-12-15T17:01:16+00:00","og_image":[{"url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf-QDxKzG2huo22Mwrhk_eCZ5wpUbxxFd9hglUL9LdLSnBeC-l2FEJJ6Z_Z1hj_YOuk_8on1505xFvI3YkxC63sYt4YstzMckOiGbljKkDxTIfvgDCPNgW7AWCvQ0eCWosuN_VInTfn7iXVxxaT_GsvoNU?key=pLL3EB8gIFfhdUQqFpxY2g"}],"twitter_card":"summary_large_image","twitter_site":"@pairNetworks","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/","url":"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/","name":"Customizing the Appearance of your WP Site Builder Site - Knowledge Base - Pair Networks","isPartOf":{"@id":"https:\/\/www.pair.com\/support\/kb\/#website"},"datePublished":"2024-08-01T18:45:35+00:00","dateModified":"2025-12-15T17:01:16+00:00","breadcrumb":{"@id":"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pair.com\/support\/kb\/customizing-the-appearance-of-your-wp-site-builder-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pair.com\/support\/kb\/"},{"@type":"ListItem","position":2,"name":"Customizing the Appearance of your WP Site Builder Site"}]},{"@type":"WebSite","@id":"https:\/\/www.pair.com\/support\/kb\/#website","url":"https:\/\/www.pair.com\/support\/kb\/","name":"Knowledge Base - Pair Networks","description":"","publisher":{"@id":"https:\/\/www.pair.com\/support\/kb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pair.com\/support\/kb\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.pair.com\/support\/kb\/#organization","name":"Pair Networks","url":"https:\/\/www.pair.com\/support\/kb\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/","url":"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg","contentUrl":"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg","width":360,"height":360,"caption":"Pair Networks"},"image":{"@id":"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pairnetworks\/","https:\/\/twitter.com\/pairNetworks","https:\/\/www.instagram.com\/pairnetworks\/","https:\/\/www.linkedin.com\/company\/2269676\/","https:\/\/www.pinterest.com\/pairnetworksinc\/pins\/","https:\/\/www.youtube.com\/user\/pairnetworks"]}]}},"_links":{"self":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb\/9648"}],"collection":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/comments?post=9648"}],"version-history":[{"count":6,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb\/9648\/revisions"}],"predecessor-version":[{"id":10474,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb\/9648\/revisions\/10474"}],"wp:attachment":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/media?parent=9648"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb-category?post=9648"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb-tag?post=9648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}