! IMPORTANT

We highly recommend you take a moment to carefully read the following information, as it is crucial for ensuring your website functions as expected.

1. Do Not Delete This Page

Please do not delete this page: It contains all the original sections of your website that have been saved. If you ever make a mistake or accidentally delete a section, you can restore it by adding a new section and then choosing "Saved Sections." From there, you can insert the section into any page you need. For more information on sections and saved sections, click here.

2. Side Menu Navigation

Note: The side menu navigation tab feature is inactive while you’re in 'edit mode'. However, it will appear when you view the page on your live website in a browser. More details are provided below.

3. Trial Website

Reminder: Your website is currently in the trial phase. To make it live, you will need to purchase a suitable plan with Squarespace. To enable Acuity Scheduling or create an active shop, you will need to purchase the relevant plan.

4. Optional Features (Scheduling and Shop)

If you don’t want the scheduling or shop features:

  • No worries! You can always opt out and add these features back later if you prefer.

  • To remove scheduling: Simply delete the section on the home page that contains the Acuity Scheduling block or I suggest replacing it with a contact form block

  • To remove the shop page: Delete the shop page entirely if it’s not needed.

5. Add a Custom Font

If you would like to use a custom font, please refer to this youtube video and this resource that will guide you every step of the way.

6. Contact Form Email Setup

To ensure that all inquiries sent through the contact form arrive in your email, please update the contact form storage to your own email address. For detailed instructions on how to do this, click here.

Further instructions on how to edit the sites custom features are below. We hope this information helps. If you have any questions or need further assistance, please don’t hesitate to contact us.

Instructions On

Modifying the background colour for the button-text hover effect on section 1 of the home page

  1. Press the forward slash key on your keyboard, then type 'CSS' and press enter.

  2. In the CSS panel's top section on line 14, you'll find the code line: @custombuttoncolor: #A2B6A2; //blue

  3. Replace the existing # hex code with your preferred color's hex code. You can discover a hex code for your desired color by visiting https://htmlcolorcodes.com/color-picker/, selecting a color, and copying its hex code.

  4. Finally, click 'Save' located at the top left of the CSS pannel.

Instructions On

How to Modify and View the Side Tab Navigation Feature

  • If you’re wondering why the side tab navigation isn't visible while editing, don’t worry—it’s normal! The feature isn't visible while you're in the editor but it will be visible in a live browser tab. To see the feature in action on your site, here’s what to do:

    Find Your Site URL:

    Look for your site's URL (like https://looped-123.squarespace.com/).

    View Your Live Site:

    Open a new browser tab.

    Paste your URL, then add ?noredirect to the end. It should look like this: https://looped-123.squarespace.com/?noredirect.

    Hit Enter, and you’ll see the live site with the side tab navigation!

  • Adding a 4th tab isn’t supported with the current code setup. The feature is limited to just 3 tabs. We recommend selecting the three most important tabs you want to showcase.

  • Open the CSS Panel:

    Press the / key on your keyboard.

    Type CSS and press Enter.

    Find the Color Codes:

    In the CSS panel, check lines 7-10. You’ll see something like this:

    @customcolor1: #B8693D; //brown

    @customcolor2: #A2B6A2; //blue

    @customcolor3: #313832; //black

    @customcolorlight: #F9EBCC; //white

    Pick and Add New Colors:

    Want to change the colors? Visit HTML Color Codes, pick a color, and copy its hex code (e.g., #123456).

    Replace the existing hex codes with your new ones.

    Save Your Changes:

    Click 'Save' at the top left of the CSS panel.

  • Note: Don’t worry if this seems tricky—follow these steps, and you’ll also find a helpful video tutorial at the end!


    Find the Links to Edit:

    1. Scroll Down:

    - Go to the bottom of the home page in the editor.

    2. Locate the List:

    - Just above the footer, you’ll find a dot point list controlling the side tab navigation links. This list is only visible in the editor.


    Change the Text:

    1. Edit the Text:

    - Highlight the text you want to change (e.g., change ‘Book’ to ‘Appointments’).

    - Type your new text.

    2. Update the Link:

    - Highlight the newly added text.

    - Click the link icon in the toolbar and update the link to your new text preceded by `#` (e.g., `#appointments`).


    Adjust Anchor Points:

    1. Find the Invisible Code Block:

    - At the top right of each section (About, Services, Book), there’s an invisible code block.

    2. Edit the Code Block:

    - Hover around until a blue box labeled Code appears.

    - Click the pencil icon to edit it.

    3. Match the IDs:

    - Change the `id` to match your new link (e.g., from `id="Book"` to `id="Appointments"`).


    Double-Check:

    1. Ensure Consistency:

    - Make sure the `id` exactly matches the `#link`—including upper and lower case letters.

    For visual guidance, watch the quick video tutorial below!

  • Yes, you can! Here’s how:

    Follow the Instructions Above:

    Edit the tab links as described in the section How to Update the Links in the Side Tab Navigation.

    Update the Link to a Different Page:

    Instead of using #link (like #book), type a forward slash / followed by the page you want to link to (e.g., /shop).

    Link to External Websites:

    You can also link to an external website by entering the full URL (e.g., https://www.example.com).

    That’s it! Your tabs can now direct visitors to different pages on your site or external websites.

Video showing you how to on how to update the links and text in the side tab navigation

Saved Sections

When you create a page section layout you want to reuse, hover over the section and click the heart icon to add it to your saved sections.

Saving a section creates a "snapshot" of the layout that you can add whenever you want. This is great for websites where you need to reuse a particular layout on multiple pages.

Below are all of the sites original sections. To use a saved section:

  1. Click Edit on a page, then click Add Section.

  2. Click My Saved Sections.

  3. Select the saved section you want to add.

  4. Make any changes to the layout.

Keep in mind:

  • You can have up to 50 saved sections on your site.

  • Saved sections aren't linked to the original section. Updating the original section won't update the saved version or anywhere else you've added it.

  • It's not possible to save collection page sections or footer sections, and it's not possible to add saved sections to your footer

Free Consultations

Curly Hair Experts

Bespoke Services

Be Curl, Calm, and Collected

Looped is a salon specializing in hair that spirals, swirls, waves, whirls, loops, and curls.

Services

  • A dry-cut approach that maintains your natural curl pattern, enhances definition, and creates your desired silhouette.

  • An assessment of your current hair condition, followed by a discussion of moisturizing treatments and a suggested routine.

  • Original formulas that provide moisture, add shine, define curls, and protect hair from environmental impurities.

  • A collaboration in creative direction and aesthetic development for clients’ special occasions and editorial work.

“We don't tame curls; we unleash them.”

Chase Nevins, Founder

Curly

Experts

Looped is your go-to salon for hair that spirals, swirls, waves, loops, and curls. We celebrate natural textures with expert styling and personalized care to make your curls shine.

Come Visit!

Contact us and catch the wave.