Global Settings

The global settings for the Label theme can be modified by going to Online Store > Customize within your Shopify admin panel.

Colours

Colours are adaptable throughout the Label Theme.

General

The Label Theme is based off a main palette with 6 colours.

Text

The colour of all body text.

Secondary

The colour of secondary items (ex. underlines) and other items on the site.

Links and Accents

The colour for links and accent colours within the theme. This includes heading link underlines and hover states.

Background

The colour of the background within the theme.

Titles

The colour of headings and other titles within the theme.

Subheader

The colour of small things, like the price of an item within the Collection List section.

Header

The colours in this palette affect only the homepage header

Text

The colour of the text in the homepage header. Note - If hero image is enabled, you can override homepage color in the Header section.

Bottom Border

The colour of the bottom border of the homepage header. To enable this, you must have no background image for the header and uncheck the box that hides the bottom border within the Header section.

Buttons

Select the colours and shape of your buttons.

Button Style

Select what style of buttons you want within your theme.

  • Square, full colour - sharp corners with colour filled in
  • Square, border only - sharp corners with border only
  • Rounded, full colour - round corners with colour filled in
  • Rounded, border only - round corners with border only
Background / border

The colour of the background or border of your buttons.

Background / border hover

The colour of the background or border of your buttons when hovered on.

Text

The colour of the text within the button.

Text hover

The colour of the text within the button when hovered on.

Image with Text Overlay

This palette affects the Image with Text Overlay section only.

Text Colour

The colour of the text within the image with text overlay section.

Button Colour

The background colour of the button within the image with text overlay section. This can be set to three options:

  • Default - uses colours from the Buttons palette
  • White - sets the button background to white
  • Black - sets the button background to black

Note - the text colour of the button will remain to what you set it to in the Buttons palette.

Footer

The colours in this palette affect only the footer.

Footer Background

The background colour of the footer.

Footer Text

The text colour of the footer.

Footer Secondary

The secondary text colour of the footer. Affects titles, inputs and copyright text.

Typography

Here you can choose a font combination that will be used throughout the theme. Then you can adjust additional settings for Headings, Header navigation, Titles, Section titles and Secondary type.

Fonts

Select from the included font combinations, or choose your own custom fonts.

Font Combination

Choose your ideal font combination

  • Montserrant and Karla
  • Righteous, Libre and Open Sans
  • Source Sans and Open Sans
  • Unica and Courier
  • Oswald and PT Mono
  • Lato and Merriweather
  • Helvetica

Headings

Choose what options are within your headings

Capitalize

Makes all letters capitals

Bold

Bolds all headings

Header Navigation

{{ under review }}

Titles

This affects titles for your products, blog posts and more.

Capitalize

Makes all letters capitals.

Bold

Bolds all titles.

Section Titles

This affects the section titles on the homepage.

Capitalize

Makes all letters capitals.

Bold

Bolds all section titles.

Align

Choose the alignment of the section titles

  • Left - to the left of the page
  • Center - the the center of the page

Secondary

This affects minor things within the theme, such as product titles within the Collection List section and button text within sections.

Capitalize

Makes all letters capitals.

Bold

Bolds all secondary items.

Favicon

This option will allow you to set the favicon (short for 'favorite icon') for your site. The favicon shows in your browser tab beside the name of the tab.

Recommended size for your favicon is 16x16 px. Also your favicon must be in .png file format.

Cart

Enable or disable some features that will maximize your customer's shopping experience.

Stay on current page when an item is added to cart

Toggles whether or not your customer is taken to the cart page after adding an item to cart. Note - this does not work with the Featured Product section on the homepage.

Enable Cart Notes

This option allows your customer to enter notes for you when they are on the cart page. 

Show Product Vendor

Allows the product vendor to be shown on the cart page below the product title.

Social Media

All social media links are all defined within the  social media tab of general settings. By putting the URL link to your account for each of the services listed, a social media icon will be created in the header and footer which will take users to the link you provide. 

A sample URL for each of the available social media services has been provided as a guide to determining the link for your particular account.

The following social media sites are currently available for use with the Label theme:

  • Facebook
  • Instagram
  • Twitter
  • Pinterest
  • Sound Cloud
  • Spotify
  • Flickr
  • Vimeo
  • Apple
  • Last FM
  • You Tube
  • Google
  • Tumblr
  • TripleJ
  • Mixcloud

Checkout

The checkout options will determine how your checkout is displayed once your customers click the checkout button.

All of the checkout options DO NOT need to be set as Shopify utilizes your options set in the previous Global Settings for the checkout (logo, typography, etc.). Everything here is optional and is not mandatory for your customers to checkout.

Banner

This option allows you to change the display of the banner on the cart page. Examples are below.

Background Image

This option allows you to set the background image for the banner. Example is above.

Logo

This option allows you to change the logo that is displayed by default for your store.

Custom Image

Upload a custom image for your checkout page.

Position

Choose whether you want your logo to be positioned on the left, middle or right side of the page. Note that the right option puts your logo above your line items (see image below).

Logo Size

Choose whether you want your logo to display as small, medium or large.

Main Content Area

Options for your main content area of the checkout page (left - where customer inputs their information).

Background Image

Select a background image for your main content area. This image will repeat vertically and horizontally.

Background Color

As an alternative to a background image, you can select the background color of your main content area.

Form Fields

Select the background color of the form fields in your main content area. White is default and you may also select transparent.

Order Summary

Options for the order summary area of the checkout page (right - where line items are displayed)

Background Image

Select a background image for your order summary area. This image will repeat vertically and horizontally.

Background Color

As an alternative to a background image, you can select the background color of your order summary area.

Typography

You can set a different font family for your checkout page within these options.

Headings

Changes the font family in only the headings of your checkout page.

Body

Changes the font family in only the body of your checkout page.

Colors

You can change the default colors of your checkout page with these options.

Accents

Change the color of the accents on your checkout page. This includes links, active links, border colors and check box backgrounds.

Buttons

Changes the color of the buttons on your checkout page.

Errors

Changes the color of error messages on your checkout page.