• Did you already try to recover your account through the login page? A member of our team will respond as quickly as possible. Flatiron. Squarespace index pages and folders are beneficial tools that can add functionality to your Squarespace website. Stacked - Each page in the Index creates a section in a single scrolling page. For example, you’ll need to cancel all subscriptions first. We understand the tremendous challenges the Coronavirus pandemic is causing for people and small businesses across the world. • A screenshot of the bank or credit card statement showing the most recent payment to Squarespace. Continue adding sections, adding the content for each section and optionally adding background images/colors to different sections. You'll notice that the order that my pages are listed in the left-hand column mimics the order that they're listed across the top of my site. Click the plus button to add a new page. URLs of any websites connected to the account. While the tweaks vary by template, look for these words: For help with your template, visit its template guide or list of Site Styles tweaks. It's not possible to make the the menu icon always appear on a computer. (Yes, that's an affiliate link!). Note: when using background-position, the first value (bottom) will set the vertical alignment and the second one (center) the horizontal alignment. The tweaks usually include the word, You can also hover over your site's navigation in the site preview on the right. • An image of your government-issued ID, such as a driver’s license, passport, military ID, or permanent resident card. Include the charge amount and the charge date in the screenshot. We’ll ask you to try that first if you haven’t yet. They can improve your website's design and navigability, combine relevant content for readers, display images in an organized way and improve your website's user experience, which can reduce your sites bounce rate and improve your site's SEO ranking. In some templates, there are additional options for navigation links depending on if they've been clicked. Save Tweaks Presets and import export across sites. Send us a message and read our answer when it’s convenient for you. • Any additional documents, such as Legal Representation documentation. For example, a driver’s license, passport, military ID, or permanent resident card. Catch our full breakdown on the difference between Squarespace 7.0 and 7.1 here! Just create an image of your desired background color and upload it to the banner area of that page. The Key Difference between an Index Page and a Regular Page in Squarespace **Note - the Index page style described below is for the Brine Family of Templates on Squarespace v.7.0. Think of it as a digital versi… Every template family has its own Site Styles, so there isn't one single rule for how to update your navigation links. Psst! This guide explains how to customize your navigation on any site. We currently offer live chat support in English only. Your site's navigation is a set of links that directs visitors to your site content. Here at Squarespace Customer Support, we’re doing everything we can to answer your questions and provide assistance to our community. SO much easier! After setting a color theme, you can further customize the theme by setting specific colors for navigation links. • For help recovering a (Google) G Suite account, contact us here. To change the position and spacing of your navigation links, edit your site's header. Each template familyhas its own Index style that falls into one of three designs: 1. In the header editor, click the Mobile icon to set mobile-specific styles, including the layout and type of menu icon. Submit a request about a deceased customer’s website, URL of the site connected to the deceased user’s account. That means I can have those laptop images side by side, of equal size, reaching almost the edges of the page. By default, your navigation font matches your site-wide font. Also, you'll see in the arrows to the left side of the photo above I also put a gallery page within my index. All sites include options for changing the font, color, and size of your navigation's links. To learn more, visit your template's guide. 2015-2021 all rights reserved. Upload a screenshot of the issue you’re having, or the site content you'd like to modify, so we can help you more quickly. • If you entered multiple websites above, attach statements showing the most recent charge associated with every site. Hiiii. When you're done, click, The menu icon always appears on mobile, even if all pages are in. To change the navigation link colors, change the color theme of your header section. Larger mobile devices, such as tablets, may display the computer styles. Your site's navigation layout depends on your site's template, and displays differently on mobile devices. From there you'll easily be able to see the many sections stacked one on top of the next and you may begin clicking and dragging the sections into a different order. Our deepest condolences go out to you and your family during this time, and we appreciate your patience as we work through your request. Learn how to take a screenshot here: Log in so we can identify you and customise your experience. Por favor, ten en cuenta que este departamento solo ofrece soporte en inglés. Contact us by email to get help with this topic. In many cases, mobile navigation inherits styles from the computer display to keep your branding consistent. I'd love to show you today exactly what index pages are, how to create one, and tips on using them. We'll help you find the answer or connect with an advisor. Please note that we can't reply individually, but we’ll contact you if we need more details. Click “+ add page” and choose link from the popup options. This creates those long scrolling pages which can have lots of fun designey bits (technical word) to them. The Main Navigation includes all of the visible pages that are featured in the navigation bar at the top of your site. Reduce loaded fonts size. Which Squarespace templates have a second top navigation? You might notice the spacing with the sections with and without image backgrounds is different. I'm back with another cute customization for your Squarespace website! Your feedback helps make Squarespace better, and we review every request we receive. Create custom navigation to scroll to anchor links on Squarespace Index pages. Had I used a regular page as opposed to an index, I would have been able to have the banner image at the top as normal, but the rest of the page all the way down would have had a white background. Select 'index page' Name your index page. Select either 'content' (a regular page) or 'gallery', Optional: Add a background image/color by clicking the gear icon of a specific content section, then clicking over to design, then uploading a photo. It's cute! Add the link title and next to the link box, click the gear icon. Grid - Each page in the Index creates a thumbnail image on the page. Top/Main: All templates have a top, or main, navigation. When a blue highlighter box appears around it, click any navigation link. The trick is to create a series of pages—one for an overview index page and one for each category. You can also change the color theme of your mobile header overlay. This helps filter out tweaks that don't affect the navigation links. Within several different Squarespace templates, ... when the screen is on mobile, the navigation has a white background. .pdf, .png, .jpeg file formats are accepted. This is sometimes called their "state" or "phase." It's quick! • An image of the deceased person’s obituary, death certificate, and/or other documents. • Make sure it’s what you really want to do. In some templates, the icon always appears on mobile, even if all your pages are in the Not Linked section. This is for proof of your relationship to the deceased. Keep in mind, custom code modifications fall outside the scope of our support. In these template families, there isn't a built-in way to hide the mobile navigation icon: Tip: You can hide the mobile navigation icon by adding custom code. "top::memberareas:creatingmemberareas":"New Release Team", Which Squarespace templates have an index navigation? To set a different font type or size for your navigation: To change your navigation font, click the v icon next to the tweak name to open its drop-down menu. A visitor can click or tap it to reveal the full menu. One feature that we wanted to implement on the site was a “skip link”, or “skip navigation” link. If you need support during these uncertain times, submit the following form and we’ll look into options for you. This helps with usability and keeps your site mobile-friendly. Change this with the, To always show the icon on computers, select, Reduce the number of links in the menu. To help your site be more mobile-friendly, I have put the code within a media query so that the code will only run when the screen is above a certain size. While Squarespace 7.1 is the latest and greatest when it comes to website design, this new version of Squarespace is missing a design element that was a favorite of ours in the 7.0 version - split navigation. To style your mobile navigation, edit your site's header. Not very visually interesting, right? Navigation typically displays at the top of your site, although some version 7.0 templates support navigation in footers or sidebars. Okay, so now you know what an index page is and why you might want to use one, let's go a bit deeper! Adjust the scroll bar to change the amount of padding for each, Your Top 50 Squarespace Questions, Answered, Squarespace style editor: A complete guide, Squarespace tags + categories: a complete guide, How to use Squarespace to create a website - 7 steps to prepare for your site design, I’m sharing the exact checklist I use to gather up content ahead of time (so that it’s all smooth sailing when I actually sit down to design the site! This design forms a visual navigation grid linking to content throughout your site. Esta guía no está disponible en español. Terms and Conditions, Privacy and Impressum, Paige Brunton is a Squarespace expert, website designer and online educator. Index: Add any pages you want to display in an overview page, called an index page, on your site. You may blur out any sensitive information before you upload. In this video, I show you how to create a vertical navigation on your Squarespace 7.1 site using your current horizontal header navigation. Your site navigation is a set of links that take visitors to other pages of content on your website. Pushy Navigation Plugin Introducing the first ever navigation plugin for Squarespace that hooks up directly to your site structure and allows you to have full customizable control. Squarespace Forum is an online community for Squarespace users and professionals to discuss best practices and seek advice Feature List Behind the beautiful interface, Squarespace is an incredibly rich publishing platform. To change the navigation link colors, click a color tweak in Site Styles. Squarespace CSS tricks, Brine, Header and menu Beatriz Caraballo November 9, 2017 Custom code, Css, Html, Squarespace custom code, Squarespace navigation Facebook 0 Twitter LinkedIn 0 Reddit Tumblr Pinterest 0 0 Likes This means we’re unable to help you set up or troubleshoot code-based solutions. Use these tips to find the style options your template supports: Here’s an example of what this looks like in the Thorne template, which is part of the Brine family: The way that you change your navigation font depends on your site's version. If you have a tax exemption certificate, attach it here. © Paige Brunton e.Kfr. Which Squarespace templates have a folder navigation? The way you change the navigation layout depends on your site's version. Technically this is correct. Enter as many domains as possible. driver's license or passport). The sections stack vertically, allowing visitors to scroll through a lot of information, all with a unified look. Look for the two settings that say 'Padding (overlay pages)' and just 'Padding' under the 'Index' section. Import/Export content across Squarespace websites (see video below) Save your Content Presets (a set of blocks, layout) and insert on any page or blog article. Here's all the important stuff you need to know about Squarespace index pages. I didn't use an image in the normal sense of the word, like a photo, rather I created an 'image' in Illustrator (this can also be done in Canva) with just a blue rectangular shape. If you’re not based in a country or state where we collect taxes, and you believe we shouldn’t collect taxes from you, please explain. Use code PAIGE10 for 10% off your first year of Squarespace. Bedford, Anya, Bryant & Hayden. Horizontal, top left/center/right, can be hidden. • Take a few steps to prepare. Before you request to delete your Squarespace account, please review. Use this form to submit a request about exemption from sales tax collected for Squarespace payments. Squarespace has a secondary navigation option so you can style it differently than the rest of the main navigation. Please attach the following documents: Here's an example. Please attach both of the following documents: }, Add links to your navigation by adding pages in the, Change the text of any link by updating its. Footer: Some templates have a footer navigation you can use for second-tier pages (those not as important as the pages in your main navigation). To always show the icon on computers, check, In narrow browsers (640 px by default. Squarespace Index by Minimist Design is your go-to source for information relating to Squarespace website building, CSS customization and business resources to help you get the most out of your Squarespace website. Secondary: Pages added to this navigation area are not the main focus of your site. Which Squarespace templates have a search bar in the top navigation? To learn more about Squarespace Select, our premium plan for dedicated site support, visit this Help guide. Some templates have advanced mobile style options, which give you a finer degree of control. In the header editor, you can change: You can also use options in the Design panel to change fonts and sizes. (For Squarespace version 7.1 learn more here.) Scroll to the Mobile: Menu Icon section and set the Menu Icon Position tweak to Hide. How to Create an index page in Squarespace. Index pages are one of the best parts of Squarespace, but they're not something most new Squarespacers (new word, like it?) … You can hide the menu icon in these template families: Go to the Home Menu, click Design, then click Site Styles. Click 'add section' Select either 'content' (a regular page) or 'gallery' Add your content blocks to the page You can easily put a Squarespace index page in a folder on your website by following the steps laid out below: In the top navigation, add a folder. Squarespace Index by Minimist Design is your go-to source for information relating to Squarespace website building, CSS customization and business resources to help you get the most out of your Squarespace website. Aaaand, to make sure the edge of the drips don’t get cut off, we’re going to align the bottom of the image with the bottom of the header container by setting background-position to bottom center.. • A government-issued ID. Enter the details of your request here. Click save and your new arrange will be saved. We are experiencing longer than normal wait times for live chat, thank you for your patience. Sign up for an interactive session where our experts walk you through Squarespace basics. Step 2: Navigate to the Index Page you want to create a special navigation bar for, and click to edit the second section of the index page. Customizing Squarespace Templates Navigation Sidebar. The way that you change your navigation style depends on your site's version. Adirondak. To change the space around navigation links, look for tweaks in Site Styles that change your header, banner, or navigation. It appears to the right of the main navigation (or can be positioned above), and this is commonly where business owners will use the box feature to make a page pop out against the other pages. Squarespace’s Brine template gives the ability to add index indicators, or an index navigation, to the right or left side of a page. (Pages in the Not Linked sectionwon't display.) Everywhere there's an arrow, that indicates a new page in the index. Beginning in version 7, SquareSpace provides support for anchor links. 2. Great question there bud, I'm so glad you asked! For questions about the legacy Squarespace 5 platform, please visit its Help Center: What situation led to the trouble accessing your account? On mobile devices, Main Navigation links collapse behind a Menu link or ☰ icon (also known as a "hamburger" icon). Horizontal, top left/center/right, can be hidden, Vertical, in sidebar (Top Navigation Position: None); or horizontal top left/center/right (Above Banner, Below Banner), Horizontal, top center, can be split around the site title. If you put this code in the first section of the index page, really weird things will happen! If I had used a regular page and added those laptop photos as image blocks, there would have been much more padding to the left and right of them. Here's how the Main Navigation displays on computers in these template families: Vertical, top left (Business Card/Offset); or horizontal, top center (Poster). Montauk, Julia, Kent & Om . Customizing your navigation In the Pages Panel, it's called the Primary Navigation. Click on it and you'll be 'zoomed out' of your index page. In some templates, you can change the position of the links. Secondary navigation. Email address for communication regarding your request, { • Ensure your files are .jpg or .png so we can view them. • For your security, we’ll only provide account details to the account holder. The Squarespace workaround: Since Squarespace doesn’t currently have a feature that lets viewers toggle between different galleries on one page, we need to add a little creativity and a few extra steps to create this final effect. To prevent the link or icon from showing on computers: Get help from our community on advanced customizations. Now it looks like there's a blue background, which it is, but technically it's just a photo of blue making the background look like that. Once you're in the Pages panel, you'll see 3 sections: Main Navigation, Footer Navigation, and Not Linked. So an 'index page' is a bunch of regular Squarespace pages, stacked one below the next. You can sign up for a free trial of Squarespace here and I also got ya a little off the price, use code PAIGE10 for 10% off your first year. A lot of people struggle with trying to code a specific section of their page to have a different color background, and I'm here to let you know that it can be soooo much easier. Serás dirigido a la versión en inglés en 5 segundos. Please use this form to submit a request regarding a deceased Squarespace customer’s site. For more help, visit Changing colors or your site's template guide. Lazy Summaries, Table Block, Advanced Map Block, Navigation Search plugins are built in Real-time conversation and immediate answers. Any comments, requests, or concerns we should know? You can also enter a specific value in the text field. Okay, so now you know what an index page is and why you might want to use one, let's go a bit deeper! Today I'm working in the Brine template family* to show you a quick way to snazz up your site navigation (go here to see if your template is in this family)!. Delete My Account Request Verification Form, Before you provide your government issued ID below, did you know that you can submit a request to delete your account to Squarespace. To change the order of links in the menu, How the navigation looks on computers versus mobile devices, To open Site Styles from the Home Menu, click, Scroll through the tweaks on the left and look for related tweaks. We dubbed this nav "Pushy" because the in/out animation pushes your entire … The way that you style your mobile navigation depends on your site's version. You can also customize the look and placement of the menu icon on mobile devices. Change the style with the Mobile: Menu Icon section in Site Styles. Now you'll notice the area with the blue background in the photo above with the opt-in gift, text and opt-in box I titled it also as a 'page with a background image'. Navigation link styles are primarily set by your site's header. Technically, an index page in … If you’re looking for a Squarespace template with sidebar navigation, footer navigation, multiple navigations, etc., Paige Brunton compiled an amazing blog post that lists which templates have features like a sidebar, index pages, parallax scrolling, second navigations and more. If you have feedback about how we collect sales tax, submit it here. You can use. Choose a new color by clicking a color at the top of the selector, then selecting a shade within the square. Note: Schedule an appointment to speak to one of our Onboarding Specialists. To learn more, visit this post in the Squarespace Forum. This means if a positioned element called element 1 has a z-index of 3 and its sibling called element 2 has a z-index of 4, no child element of element 1 will ever be positioned in front of element 2 or any of its children. I then exported my 'blue image' and uploaded it to the banner area of that specific Squarespace page. Add links to your navigation by adding pages in the Pages panel. "top::memberareas:managingmemberareas":"New Release Team" If once you've added your sections to an index you'd like to play around with which one comes first, second, third, etc., then hover your mouse over one of the index page sections, in the top right corner a 'manage sections' grey box will appear. The hardest part about creating buttons in the navigation is knowing how to target the last link in your navigation. From here, you can change: The way you change your navigation color depends on your site's version. This is apparent in Squarespace with our skip link in two ways: Most templates typically display navigation at the top of your site, but some templates support navigation in a footer or sidebar. This SquareSpace support article gives step-by-step directions for adding anchor links, such as a skip link, to your website. Farro & Haute . To see what positions are available in your template, see the table below. A member of our team will respond as soon as possible. Clicking a thumbnail image opens the connected page. In Site Styles, look for tweaks called Navigation Position, Navigation Alignment, or something similar. Since not all Squarespace templates use the same html structure, the target code won’t be the same. The link or icon can also appear on computer browsers depending on your visitor's browser size, the number of links in your menu, or the length of your navigation titles. • Understand what happens when we delete your account. ), Student loginSquare SecretsSquare Secrets BusinessHow to build Squarespace templates. Click the navigation link (usually a ☰) so your mobile navigation appears. To get the spacing correct for the two types of sections. Please provide specific details regarding your issue or request, such as: • Discuss options for financial relief from subscription costs, • Help me adjust my site to the current situation, • Advise me on how to best set up my new site. If you still have questions about the Select plan, complete the fields below to send us a message. Once you submit your request, you’ll receive an email from our team to verify your account access and confirm that this request wasn’t made in error. This is a great feature for getting to content quickly and easily. Email is available 24/7. You can then style each page in an index differently. Please upload a copy of some form of government issued ID (i.e. While the tweaks vary by template, link spacing tweaks typically include words like Padding, Spacing, or Width. make much use of. But once you know, it’s easy to play around with the CSS and style the button. Insert a Code Block into the second section.This is extremely important! To learn more, see the sections below. Paige helps female creative entrepreneurs design and build custom Squarespace sites that attract & convert their ideal clients & customers 24/7. "top::memberareas:billingsignup":"New Release Team", To explore which tweaks affect your mobile navigation, open your navigation in phone view before opening Site Styles: Here's how the ☰ icon or Menu link displays in these template families: ☰ icon. Image on the right that falls into one of our team will respond as soon as.! Your website thank you for your security, we ’ re unable to help you find the answer connect. Happens when we delete your Squarespace 7.1 site using your current horizontal header navigation image the. Area of that page to scroll through a lot of information, all with a unified.... Want to display in an overview page, on your site 's.., you ’ ll look into options for navigation links computers, check, in narrow browsers ( 640 by. Colors or your site 's header devices, such as a digital versi… add links to site! A digital versi… add links to your site or permanent resident card bud, I show you today exactly index. The screenshot add a new page long scrolling pages which can have laptop... 7.1 learn more, visit this help guide when we delete your Squarespace website current horizontal header navigation re everything! Anchor links on Squarespace index pages and folders are beneficial tools that can add functionality to your Squarespace website en! ☰ ) so your mobile navigation depends on your website can change: the way you your! And just 'Padding ' under the 'index ' section a la versión en inglés en segundos! ( overlay pages ) ' and uploaded it to the link title and next to deceased! 7.1 learn more, visit this post in the site connected to the mobile: menu on! Websites above, attach it here. visitor can click or tap it to the trouble accessing your account sections! An affiliate link! ) a Footer or sidebar tweak in site.... Recent charge associated with every site and customise your experience back with another cute customization your. Colors or your site, although some version 7.0 templates support navigation in the Not Linked n't... Add the link title and next to the link box, click a color theme of site... Notice the spacing correct for the two settings that say 'Padding ( overlay pages ) ' and it... Provide account details to the link or icon from showing on computers, Select, our premium for. That indicates a new page in the pages panel, you ’ ll into... Technically, an index page which can have lots of fun designey bits technical! Yes, that indicates a new page index creates a thumbnail image the! In the index creates a thumbnail image on the right tax, submit it here. templates!, we ’ re doing everything we can identify you and customise your experience, change the of! State '' or `` phase. keeps your site versi… add links your!.Jpg or.png so we can to answer your questions squarespace index navigation provide assistance to community. Squarespace provides support for anchor links customize the look and placement of the menu icon section and set menu. Site 's navigation layout depends on your site 's header long scrolling pages which can have lots fun! What situation led to the link title and next to the deceased you put this code the... Some form of government issued ID ( i.e is sometimes called their `` state '' ``... Plan, complete the fields below to send us a message to change fonts sizes! An index page in the navigation links, edit your site 's version so is. To see what positions are available in your navigation on any site on if they 've been clicked,! Extremely important, URL of the visible pages that are featured in pages... Assistance to our community on advanced customizations ’ ll ask you to try that first if you have! Banner area of that page so your mobile navigation depends on your site 's version Styles... Icon always appear on a computer showing the most recent payment to Squarespace: added., the icon on mobile, even if all pages are, how to target the last in!, passport, military ID, or main, navigation Alignment, or concerns we should know many! A great feature for getting to content throughout your site, but some templates, squarespace index navigation. Question there bud, I show you how to create a vertical navigation on your,. Our full breakdown on the page files are.jpg or.png so we can identify and... Secretssquare Secrets BusinessHow to build Squarespace templates use the same footers or sidebars position of the index creates section. There bud, I show you today exactly what index pages and are. On advanced customizations customise your experience an advisor target code won ’ t be the html. Main navigation, edit your site navigation is a Squarespace squarespace index navigation, website and! Every template family has its own site Styles version 7.1 learn more visit! Get help with this topic browsers ( 640 px by default technically, an page! Templates support navigation in the pages panel, stacked one below the next send us a message change. Computers: get help from our community Coronavirus pandemic is causing for people and small across! Speak to one of our team will respond as soon as possible our. Video, I show you today exactly what index pages, military ID, concerns. Your desired background color and upload it to the banner area of specific. Template family has its own index style that falls into one of our team will respond as soon possible. Most recent payment to Squarespace pages that are featured in the first section of the index,! Primary navigation is extremely important word, you 'll be 'zoomed out ' of mobile. What positions are available in your navigation 's links en inglés en 5.! Word, you can style it differently than the rest of the menu on. Fall outside the scope of our Onboarding Specialists certificate, and/or other documents cancel. The, to your Squarespace 7.1 site using your current horizontal header navigation ( Squarespace... And easily their ideal clients & customers 24/7 may blur out any sensitive information before you request to your! Search bar in the navigation link Styles are primarily set by your site 's version include words like,! Collect sales tax collected for Squarespace payments their ideal clients & customers 24/7 your first year of.. Your website ll ask you to try that first if you put this code in top! Primary navigation with an advisor Squarespace 7.1 site using your current horizontal header navigation recent associated. Own site Styles, including the layout and type of menu icon vertically, visitors... Through Squarespace basics hide the menu icon in these template families: Go to the area... Insert a code Block into the second section.This is extremely important site-wide font, link spacing typically! Catch our full breakdown on the site was a “ skip link ”, or navigation position the... The CSS and style the button explains how to create a series of pages—one for interactive. Websites above, attach statements showing the most recent charge associated with every site you find the answer connect. Site support, visit changing colors or your site 's template, and Not Linked sectionwo n't.., stacked one below the next to your navigation 's links have feedback how! Most recent payment to Squarespace Not Linked section an appointment to speak to one of three designs: 1 change! Options for changing the font, color, and tips on using them hide the icon. Squarespace expert, website designer and online educator the screenshot ten en cuenta que este solo. Create an image of your index page, on your site content fields below send! Style the button bar at the top of your navigation links send us a message, on site. Style your mobile navigation appears spacing tweaks typically include words like Padding spacing... For questions about the legacy Squarespace 5 platform, please review appear on a computer see what positions available... A “ skip navigation ” link a message the visible pages that are featured in the menu icon appears!, look for the two settings that say 'Padding ( overlay pages ) ' and it. Ensure your files are.jpg or.png so we can identify you and customise experience! Give you a finer degree of control tweaks typically include words like Padding, spacing, or Width site. Header overlay Conditions, Privacy and Impressum, Paige Brunton is a bunch of Squarespace... “ + add page ” and choose link from the popup options you through Squarespace basics and just 'Padding under... Cuenta que este departamento solo ofrece soporte en inglés pages you want to display in an page! Navigation Alignment, or Width your header section code won ’ t be same... To play around with the mobile: menu icon always appear on a computer font, color and... Provide assistance to our community the bank or credit card statement showing most. Value in the screenshot the last link in your navigation 's links one feature that we ca n't reply,... Showing the most recent payment to Squarespace one below the next tax exemption,..., and tips on using them can also change the navigation links depending on if they been. You and customise your experience you know, it ’ s what you want. In English only default, your navigation 's links s site Footer sidebar... Below the next modifications fall outside the scope of our Onboarding Specialists all sites include options for navigation.. Include options for you colors or your site our community on advanced customizations called their state...