Help

Yes, Noiseyard websites are fully optimized for mobile devices.

This means your site will look great and function seamlessly on smartphones and tablets, ensuring your fans have a smooth and engaging experience no matter what device they use.

To change the theme of your musician/band website:

1. Visit your Control Panel.

2. Click “Browse Templates” under Design Preferences. This action will take you to our Template Catalogue.

3. Browse through our website templates and decide on which one to use.

4. Press “Try Template”.

5. Confirm your decision by pressing “Change Template” button from the modal.

Your website template will change.

To change the theme of your musician/band website:

1. Visit your Control Panel.

2. Click “Change Theme” under Design Preferences.

3. Try on the different themes made for the website template you’re currently using and decide on which one to use.

4. Confirm your decision by pressing “Change Theme” button from the bottom-right.

-OR-

1. Go to Edit Site.

2. Click “Change Theme” from the top-right of the screen.

3. Try on the different themes made for the website template you’re currently using and decide on which one to use.

4. Confirm your decision by pressing “Change Theme” button from the bottom-right.

Please note that:

• If what you’re looking for is a way more drastic change, consider changing your website template instead: How to change the template of my musician website?

To update the header image of your musician/band website:

1. Visit your Control Panel.

2. Select “Homepage” from Edit Content dropdown menu, if not already selected.

3. Click on “Header Image” card. This will open the details of your Header Image.

4. Press “Edit” button on the Image Preview.

5. From the Image Manager, select an existing image to use as your header image or upload a new one.

6. Select the image you’d like to use and click “Apply Image” button in the top-right.

Your website's header image will be updated.

-OR-

1. Go to Edit Site.

2. Select “Homepage” from Page dropdown menu, if not already selected.

3. Click on the pencil icon next to “Header Image” in the Content Overview. This will open the details of your Header Image.

4. Press “Edit” button on the Image Preview.

5. From the Image Manager, select an existing image to use as your header image or upload a new one.

6. Select the image you’d like to use and click “Apply Image” button in the top-right.

Your website's header image will be updated.

To change the title/logo of your musician/band website:

1. Visit your Control Panel.

2. Select “Homepage” from Edit Content dropdown menu, if not already selected.

3. Click on “Title & Logo” card. This will open the details of your website title.

4. Make the changes you require.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select “Homepage” from Page Dropdown menu, if not already selected.

3. Click on the pencil icon next to “Title & Logo” in the Content Overview. This will open the details of your website title.

4. Make the changes you require.

The changes will be applied right away.

To add your logo as the title of your musician/band website:

1. Visit your Control Panel.

2. Select “Homepage” from Edit Content dropdown menu, if not already selected.

3. Click on “Title & Logo” card. This will open the details of your website title.

4. Choose “Logo Title” from the accordion.

5. Press “Choose Image” button on the Image Preview.

6. From the Image Manager, select your logo by selecting an existing image or uploading a new one.

7. Select your logo and click “Apply Image” button in the top-right.

8. Adjust Logo Size and Logo Alignment, if necessary.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select “Homepage” from Page dropdown menu, if not already selected.

3. Click on the pencil icon next to “Title & Logo” in the Content Overview. This will open the details of your website title.

4. Choose “Logo Title” from the accordion.

5. Press “Choose Image” button on the Image Preview.

6. From the Image Manager, select your logo by selecting an existing image or uploading a new one.

7. Select your logo and click “Apply Image” button in the top-right.

8. Adjust Logo Size and Logo Alignment, if necessary.

The changes will be applied right away.

To remove the current website title of your musician/band website:

1. Visit your Control Panel.

2. Select “Homepage” from Edit Content dropdown menu, if not already selected.

3. Click on “Title & Logo” card. This will open the details of your website title.

4. Choose “No Title” from the accordion.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select “Homepage” from Page dropdown menu, if not already selected.

3. Click on the pencil icon next to “Title & Logo” in the Content Overview. This will open the details of your website title.

4. Choose “No Title” from the accordion.

The changes will be applied right away.

To change the font and color of your text website title:

1. Visit your Control Panel.

2. Select “Homepage” from Edit Content dropdown menu, if not already selected.

3. Click on “Title & Logo” card. This will open the details of your Website Title.

4. Make the changes you require by changing Site Title Font and Site Title Color menus.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select “Homepage” from Page dropdown menu, if not already selected.

3. Click on the pencil icon next to “Title & Logo” in the Content Overview. This will open the details of your website title.

4. Make the changes you require by changing Site Title Font and Site Title Color menus.

The changes will be applied right away.

To see how your musician/band website will look in a mobile device:

1. Go to Edit Site

2. Click on the “Mobile” icon on the toggle button below the Website Preview area.  

To change your musician/band website’s font:

1. Visit your Control Panel.

2. Click on “Fonts & Colors” card under Design Preferences.

3. This will take you to Edit Site. You will see the Website Font dropdown menu under Website Preview section. This is where you select your musician website’s font.

4. Select the font you’d like to use in Website Font dropdown menu.

5. Select the font style from Font Style dropdown menu.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. You will see the Website Font dropdown menu under Website Preview section. This is where you select your musician website’s font.

3. Select the font you’d like to use in Website Font dropdown menu.

4. Select the font style from Font Style dropdown menu.

The changes will be applied right away

To change the text color of your musician/band website:

1. Visit your Control Panel.

2. Click on “Fonts & Colors” card under Design Preferences.

3. This will take you to Edit Site. You will see the Text Color dropdown menu under Website Preview section. This is where you select your musician website’s text color.

4. Select the color you’d like to use in Website Font dropdown menu.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. You will see the Text Color dropdown menu under Website Preview section. This is where you select your musician website’s text color.

3. This will take you to Edit Site. You will see the Text Color dropdown menu under Website Preview section. This is where you select your musician website’s text color.

4. Select the color you’d like to use in Website Font dropdown menu.

The changes will be applied right away.

Please note that:

• Always make sure your text color creates enough contrast with the background color to ensure readability. For example, if you are currently using “Black” as your Text Color and “Light Blue” as your Website Background Color and would like to switch to “White” as your Text Color, change your Website Background Color to a “Dark Blue”.

"Font style" is like the unique personality of a typeface. It embraces elements such as weight (bold, regular, thin) and slant (italic, regular).

Each font style has its own charm, capable of infusing warmth and character into your text. These variations can convey a spectrum of emotions and messages, making the choice of font style a great way to reflect your identity as an artist.

To change your musician/band website’s font style:

1. Visit your Control Panel.

2. Click on “Fonts & Colors” card under Design Preferences.

3. This will take you to Edit Site. You will see the Font Style dropdown menu under Website Preview section. This is where you select your musician website’s font.

4. Select the font style from Font Style dropdown menu.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. You will see the Font Style dropdown menu under Website Preview section. This is where you select your musician website’s font.

3. Select the font style from Font Style dropdown menu.

The changes will be applied right away.

By "Primary Color", we mean the main color used throughout your musician website. It is used for the key elements like buttons, navigation bars, and call-to-action items.

But you can think of it as the melody that sets the rhythm for your online presence! It's the vibrant hue that harmonizes with your artist identity, making your site feel like an extension of your music.

Think of the "Secondary Color" like the harmony to your primary color's melody! It's the supporting note that enriches your musician website's visual identity, adding depth and flair to your online stage.

The secondary color complements your primary hue, lending warmth and vibrancy to backgrounds, borders, and accents across your interface. It helps add layers of visual interest, ensuring that every aspect of your website resonates in perfect harmony with your musical style.

"App bar" is the very top section of your webpages, functioning as a control and navigation center of your musician website.

"Footer" refers to the bottom section of a webpage. It typically contains information that is not central to the main content but is still important for fans to access.

We automatically create both of these components for you based on your chosen template, but you can always change their colors to make sure they reflect your unique sound!

"Drawer" is panel or menu rests on the left of the screen. It holds the navigation information of your musician website, as well as your social links.

"Footer" refers to the bottom section of a webpage. It typically contains information that is not central to the main content but is still important for fans to access.

We automatically create both of these components for you based on your chosen template, but you can always change their colors to make sure they reflect your unique sound!

The setting responsible for your website's button color is Primary Color. To change your musician/band website’s Primary Color:

1. Visit your Control Panel.

2. Click on “Fonts & Colors” card under Design Preferences.

3. This will take you to Edit Site. You will see the Primary Color menu under Website Preview section. This is where you select your musician website’s your Primary Color.

4. Select the color you’d like to use.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. You will see the Primary Color menu under Website Preview section. This is where you select your musician website’s your Primary Color.

3. Select the color you’d like to use.

The changes will be applied right away.

Please note that:

• The colors of some assets on your website are determined by the Secondary Color, not the Primary Color. If you notice that changing the primary color doesn't give you what you want, try changing the secondary color. To change the Secondary Color: How to change the Secondary Color of my website?

To change your musician/band website’s App Bar, Drawer and Footer Color:

1. Visit your Control Panel.

2. Click on “Fonts & Colors” card under Design Preferences.

3. This will take you to Edit Site. You will see the App Bar & Footer Color or Drawer & Footer Color menu under Website Preview section, depending on the website template you are using.

4. Select the color you’d like to use from App Bar & Footer or Drawer & Footer Color menu.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. You will see the App Bar & Footer Color or Drawer & Footer Color menu under Website Preview section, depending on the website template you are using.

3. Select the color you’d like to use from App Bar & Footer Color or Drawer & Footer Color menu.

The changes will be applied right away.

To change your musician/band website’s Secondary Color:

1. Visit your Control Panel.

2. Click on “Fonts & Colors” card under Design Preferences.

3. This will take you to Edit Site. You will see the Secondary Color menu under Website Preview section. This is where you select your musician website’s your Secondary Color.

4. Select the color you’d like to use.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. You will see the Secondary Color menu under Website Preview section. This is where you select your musician website’s your Secondary Color.

3. Select the color you’d like to use.

The changes will be applied right away.

Page Background Settings is your opportunity to craft the perfect backdrop for each of your web pages. Here, you'll find two options:

1. Solid color (same as your Website Background Color)

2. Page Background Image

With these choices, you're empowered to infuse every corner of your musician website with your unique flair and personality. Let your creativity shine as you customize your pages, ensuring they reflect your musical essence in the most enchanting way imaginable!

Please note that:

• We also offer you the option to set a Sitewide Background. To learn more about this, please visit: What is a “Sitewide Background”?

To add a Page Background Image to a certain page in your musician website:

1. Visit your Control Panel.

2. Select the page you’d like to add the background to from Edit Pages section.

3. This will take you to Edit Site. From here, go to settings under Page Background Settings.

4. Select “Upload background image” radio button.

5. Press “Edit” button under Page Background Image.

6. From the Image Manager, select an existing image to use as your page background image or upload a new one.

7. Select the image you’d like to use and click “Apply Image” button on the top-right.

8. Make changes to Page Text Color Preference, if needed. The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select the page you’d like to add the background from Page Dropdown menu, if not already selected.

3. Go to settings under Page Background Settings.

4. Select “Upload background image” radio button.

5. Press “Edit” button under Page Background Image.

6. From the Image Manager, select an existing image to use as your page background image or upload a new one.

7. Select the image you’d like to use and click “Apply Image” button on the top-right.

8. Make changes to Page Text Color Preference, if needed. The changes will be applied right away.

Please note that:

• Always make sure your text color creates enough contrast with the background color to ensure readability. For example, if you are currently using “Black” as your Text Color and “Light Blue” as your Website Background Color and would like to switch to “White” as your Text Color, change your Website Background Color to a “Dark Blue”.

To remove a Page Background Image from a page:

1. Visit your Control Panel.

2. Select the page you’d like to remove the background of from Edit Pages section.

3. This will take you to Edit Site. From here, go to settings under Page Background Settings.

4. Select “Same as website default” radio button.

This will disable Page Background Image and apply Website Background Color as the backsplash.

-OR-

1. Go to Edit Site.

2. Select the page you’d like to remove the background of from Page Dropdown menu, if not already selected.

3. Go to settings under Page Background Settings.

4. Select “Same as website default” radio button.

This will disable Page Background Image and apply Website Background Color as the backsplash.

To replace the background image of a page:

1. Visit your Control Panel.

2. Select the page you’d like to add the background to from Edit Pages section.

3. This will take you to Edit Site. From here, go to settings under Page Background Settings.

4. “Upload background image” radio button should be already selected. Click on the arrow on the right to expand the menu.

5. Press “Change” button under Page Background Image.

6. From the Image Manager, select an existing image to use or upload a new one.

7. Select the image you’d like to use and click “Apply Image” button on the top-right.

8. Make changes to Page Text Color Preference, if needed.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select the page you’d like to add the background from Page Dropdown menu, if not already selected.

3. Go to settings under Page Background Settings.

4. “Upload background image” radio button should be already selected. Click on the arrow on the right to expand the menu.

5. Press “Change” button under Page Background Image.

6. From the Image Manager, select an existing image to use or upload a new one.

7. Select the image you’d like to use and click “Apply Image” button on the top-right.

8. Make changes to Page Text Color Preference, if needed.

The changes will be applied right away.

Sitewide Background is a background option that lets you use your Header Image as the backdrop for your entire website.

If you're aiming for a cohesive look while adding that extra touch of visual charm, this option is for you! Dive into a world where your website's ambiance reflects your unique style, making every visit a delightful journey through your artistic vision.

Please note that:

• If you’d like to learn what other background designs you can utilize in your website, please visit: What is “Page Background Settings”?

To set your header image as the Sitewide Background:

1. Visit your Control Panel.

2. Select “Homepage” from Edit Content dropdown menu, if not already selected.

3. Click on “Header Image” card. This will open the details of your Header Image.

4. Under Image Preview., you will see a checkbox with the text “Also set as Sitewide background”. Select the checkbox.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select “Homepage” from Page Dropdown menu, if not already selected.

3. Click on the pencil icon next to “Header Image” in the Content Overview. This will open the details of your Header Image.

4. Under Image Preview., you will see a checkbox with the text “Also set as Sitewide background”. Select the checkbox.

The changes will be applied right away.

To change the Sitewide Background of your musician website, you should change your Header Image. Here’s an article explaining how you can do this: How to update my website Header Image?

Please note that:

• If you feel like you need to learn more about our Sitewide Background feature, please visit: What is a “Sitewide Background”?

To stop having a Sitewide Background Image:

1. Visit your Control Panel.

2. Select “Homepage” from Edit Content dropdown menu, if not already selected.

3. Click on “Header Image” card. This will open the details of your Header Image.

4. Under Image Preview, you will see a checkbox with the text “Also set as Sitewide background”. This checkbox should be selected if you currently have a Sitewide Background Image set. Unselect the checkbox.

The changes will be applied right away.

-OR-

1. Go to Edit Site.

2. Select “Homepage” from Page Dropdown menu, if not already selected.

3. Click on the pencil icon next to “Header Image” in the Content Overview. This will open the details of your Header Image.

4. Under Image Preview, you will see a checkbox with the text “Also set as Sitewide background”. This checkbox should be selected if you currently have a Sitewide Background Image set. Unselect the checkbox.

The changes will be applied

Grace

• Use a standard web resolution of 72 dpi.

• Ensure the image is at least 2500 pixels wide.

• Choose landscape (horizontal) images over portrait (vertical) ones.

Pristine

• Use a standard web resolution of 72 dpi.

• Ensure the image is at least 2000 pixels wide.

• Choose landscape (horizontal) images over portrait (vertical) ones.

Canvas

• Use a standard web resolution of 72 dpi.

• Ensure the image is at least 800x800 pixels.

Crown

• Use a standard web resolution of 72 dpi.

• Ensure the image is at least 2500 pixels wide.

• Choose landscape (horizontal) images over portrait (vertical) ones.

• Use a PNG with a transparent background to ensure that your site’s content is visible through your logo title.

• The maximum size of your logo title depends on the website template you use. Aim for following sizes for related templates:

  • Grace: 1145 pixel in width (max)

  • Pristine: 300 pixel in width (max)

  • Canvas: 420 pixel in width (max)

  • Crown: 1145 pixel in width (max)