Theme Changes

We've partnered with leading theme customization experts Storetasker to make customizing your theme fast, easy and affordable. Whether it's adjusting colors or changing layouts, if you'd like to make any kind of change to your theme Storetasker is the place to go. Click the button below to get started.

Make changes to your theme →

Common Questions

Can you make changes to my theme for me?

Theme customization services are definitely something we'll be offering in the future but for now we're not able to take on any additional projects, big or small.

If you'd like to have changes made to your theme we recommend our excellent customizations partner Storetasker.

Simply visit their site at https://storetasker.com, install their app and then use it to let them know about any changes you'd like to make. They'll take it from there!

How do I change the tagline, copyright or any other text?

All of the default theme text can be found and changed in the theme's languages area which you can get to by following these steps:

  1. Click on Online store in the sidebar menu of your Shopify admin area
  2. Click on Themes in the submenu that appears
  3. Click the Actions button for the theme you'd like to edit to open the theme's actions menu
  4. Click Edit language from the menu

The tagline and copyright text can both be found at the bottom of the General tab.

Click the Edit language link from the theme actions menu
Scroll to the bottom of the General tab to edit the tagline and copyright text
How do I access the theme settings?

You can customize your theme using the built-in settings by following these steps:

  1. Click on Online store in the sidebar menu of your Shopify admin area
  2. Click on Themes in the submenu that appears
  3. Click the Customize theme for the theme you'd like to edit
Click the Customize theme button from the Themes page in your Shopify admin

The settings panel is divided into two tabs: Sections and General settings.

The General settings tab contains settings that are 'global', meaning they're used throughout the theme. These including things such as colors, typography, currencies and the sidebar locations.

The Sections settings are specific to certain sections and are 'context aware' so they only appear when the section they relate to is visible in the online preview area.

For example, in order to access the content settings for the sidebar you must:

  1. Navigate to a page of your shop (in the live preview area) that displays the sidebar
  2. Click on the Sections tab at the top of the settings panel
  3. Click on the Sidebar section (this section will not be visible unless the sidebar itself is displayed in the live preview area)

Sections that must be visible in the live preview area in order for their content settings to appear under the Sections tab include: the home page, collection pages, product detail pages, pages with the sidebar, the blog page, blog posts and the cart page.

A look at the theme settings panel. Section settings will only appear when the relevant content is visible in the live preview area.
How do I edit the code in the theme files?

Shopify's template editor allows you to directly edit the code for any of the theme's files including the CSS and JavaScript.

Note that we can't fix attempted customizations that break the theme so please make sure you're confident in what you're doing before making any changes!

To access the template editor:

  1. Click on Online store in the sidebar menu of your Shopify admin area
  2. Click on Themes in the submenu that appears
  3. Click the Actions button for the theme you'd like to edit to open the theme's actions menu
  4. Click Edit HTML/CSS link from the menu
Click the Edit HTML/CSS link from the theme actions menu
How do I make my collection page products line up evenly?

The theme has two features that can help make all of the collection rows even.

The first can be found in the theme settings panel under General settings > Images > Collection row. Giving the Image height (px) option a number will make all of the collection image frames that height in pixels. The them will automatically size and proportionately scale (but never crop) images as required to keep everything looking nice and you can try experimenting with different values to see which looks the best.

The second is for the rest of the product 'card' content such as the titles which can sometimes wrap to two or three lines and make things uneven. It's turned off by default but you can easily enable it by opening the settings.liquid snippet in the template editor and changing the false to true in this line:

By using both of those features your collection rows should all line up perfectly.

How do I add custom CSS?

The theme includes an asset file called theme-custom.scss.liquid that makes adding in your own custom CSS simple. The file gets loaded in after all of the theme's CSS so that you can easily override any of the theme's defaults.

To add your CSS:

  1. Click on Online store in the sidebar menu of your Shopify admin area
  2. Click on Themes in the submenu that appears
  3. Click the Actions button for the theme you'd like to edit
  4. Click Edit HTML/CSS link from the actions menu
  5. Click on the Assets folder in the files list
  6. Click on the theme-custom.scss.liquid file to open it in the editor
How do I add custom JavaScript?

The theme includes an asset file called theme-custom.js that makes adding in your own custom JavaScript simple.

To add your JavaScript:

  1. Click on Online store in the sidebar menu of your Shopify admin area
  2. Click on Themes in the submenu that appears
  3. Click the Actions button for the theme you'd like to edit
  4. Click Edit HTML/CSS link from the actions menu
  5. Click on the Assets folder in the files list
  6. Click on the theme-custom.js file to open it in the editor

Note for adding JavaScript outside of the theme-custom.js file: the theme includes its own version of jQuery but it's run in no conflict mode so the $ alias is not globallay available.

If you're adding script code to a template file (e.g. from following a tutorial or installing an app) and it's not working, try making the $ alias globally avaialble by adding this code to your theme-custom.js file:

window.$ = jQuery;

Do you offer a free trial for your Providence theme?

Yes! You can try Providence for free by clicking the Preview in your store button on the Theme Store overview page.

You can try the theme for as long as you like but Shopify does impose a few restrictions that are removed as soon as you purchase it. The restrictions include not being able to publish the theme to use on your 'live' shop and not being able to edit the theme code.

Do you plan to release any more themes?

Absolutely! Our top priority has been keeping Providence on the cutting edge of features and best web practices (we've updated it over 20 times in the last two years including two complete rebuilds!) but we absolutely will be releasing new themes in the near future. Keep checking back here for details.

Why is the information on your site so outdated?

We're extremely sorry for this. We've been so busy with new projects that our site has slowly fallen into a state of disrepair. We have a lot of big things coming soon and one of them is a completely new site that'll be full of current information and theme documentation. If all goes to plan it'll be launching Q3 this year.

Last updated 2017-05-29

Helpful Resources

These invaluable resources cover everything you need to find and hire expert help, learn all about using Shopify, discover proven methods for growing your online business and even get started writing your own code.