Theme Settings


The theme settings are the settings that deal with the overall layout of your theme. These settings range from basic color palettes, fonts, and backgrounds to more advanced options such as headers and checkout to reflect your unique branding, vision, and identity.

Alternate Landing Page



By default the landing page displayed is the one that has all the sections that are added by default check the sections page to learn more. The alternate landing page gives the ability to have a more minimalist feel. After selecting the checkbox enabling the alternate landing page will display all the elements that are given in the following settings:

  • Choose a background image
  • Choose a background video - this will overide the background image
  • Choose a logo to display over the image or video background
  • A call to action
  • Choose the link for the call to action
  • Choose the color scheme for the call to action
  • If you choose to display your full navigation this will override the display of your call to action

Fonts



Simply choose a primary and secondary font for your website. Primary fonts are applied to things like header links, text and titles, and secondary fonts are applied to buttons and non-header links

Theme Colors



Here you have the ablity to choose the entire color scheme of the theme. The options are as follows:

  • Primary Colors - These are the colors that define the most noticable elements of your theme, the grid line color, page background color, and text color
  • Accent Colors - These are colors that are define minor details of your theme but still add a nice touch. It is also used for some styling of sections
  • Button Colors - Choose custom button background color, custom button text color, and custom button border color
  • Scrollbar color - make your website stand out even more by adding a color to the scrollbar

Navigation Settings



Choose how your navigation header will look on your storefront, to make the navigation bar look complete do the following:

  • Choose a navigation style
  • Choose a logo to display on the navigation
  • Make sure to test the size of your header for both desktop and mobile views using the logo size sliders

Note: When alternating between a navigation style you may need to adjust the size of your logo to the corresponding style

Grid Settings



The theme employs the use of many grid borders, choose their design by changing the border thickness, or style.

Email Popup



Email popup prompts people to sign up to your mailing list upon entering your website. After checking the "enable newsletter popup" checkbox the following options will be displayed:

  • Type in a heading
  • Type in a subheading
  • Choose a time interval for the popup to show

Cart Settings



Choose the design of the cart. Either a sliding drawer or a full page

Social Sharing Settings



Enter a link to the corresponding social network and it's logo will appear in the footer of your theme.

Mouse Settings



Choose a image for your mouse to make the theme have a more eye-catching style

Favicon Settings



This is the image displayed as the tab icon. Simply upload an image to display it

Checkout Settings



The checkout settings allow you to customize the page your customers see when they are entering their purchase details in the checkout page

  • Choose banner settings. This allows you to display a background image, logo, and the positioning and size of the logo
  • Main content area gives the option for another background image and allows for color options for the background and input fields
  • Order summary page gives options to display a background image and choose a background color
  • Choose specific fonts for the checkout pages
  • Choose specific colors for the checkout pages

Custom Css



Gives option to allow you to modify the store even further via the use of css code.

Note: It is recommended that you customize the css of the theme if you are extremely comfortable with doing so. Check shopify's documentation for adding custom css