General theme FAQ

How to change the theme default text with my own text?

Please go to  Online Store - Themes > Actions > Edit Languages, search for the text you need to change and insert your own text to overwrite the initial one - screenshot example .

Because this is a default Shopify functionality you can also find detailed instructions and more info in  this article from Shopify documentation.

How to add a custom CSS code in the theme?  

To add any custom CSS code please open Online Store > Themes > Actions > Edit code and here select the theme.css file from the Assets folder. 

At the very bottom of the file, after the last code, add the custom CSS - screen record.

We strongly recommend to avoid direct changes in the theme default stylesheet code and only add custom CSS codes at the end of the file. 

How to update the theme?  

Shopify updating process requires a bit of work because all the theme settings, homepage sections, custom codes or third party apps need to be reinserted in the new theme version. 

The product pages, collections, pages and posts are not affected by the update and these will be the same in any theme you are using. 

Please see this article from Shopify documentation about how to update and also this article we've recently added in our theme documentation. 

When possible we release manual update instructions to avoid the new theme version installation work. Please see here the changelog articles list but note that for major update the entire theme needs to be updated. 

How to display the newsletter pop up on mobile devices?

Please use this CSS code at the end of the assets/css_main.scss.liquidfile to also display the newsletter popup on mobile:

@media screen and (max-width: 768px) {
  #shopify-section-popup {
    display: block !important;
    max-height: 74vh !important;
    top: 15% !important;

How to change the thumbnail image when sharing the site homepage on social media?

By default, Shopify themes will display the logo image as the thumnail image when sharing the site homepage on social media. 

UPDATE: In our theme version 2.0.0 we've added a dedicated option in theme customier where you can upload the image to be shared on social platforms - screenshot

For old theme versions:

To change the image displaying when sharing the site homepage please go to /snippets/social_meta.liquid file, and look for this code chunk (around line 25-26):

<meta property="og:type" content="website">   
<meta property="og:title" content="{{ page_title | escape }}">

Now, right after these two lines, paste the following:

<meta property="og:image" content="http://yourimage.jpg">  
<meta property="og:image:secure_url" content="https://yourimage.jpg">

Replace the URL with your own desired image.. You can upload an image via the Shopify interface in order to get exactly what image you want there for sharing - it doesn't have to be your logo. Just make sure that you add both http:// and http:// - (screen record).  

Please note that after your do this, it will take a bit for the changes to register..

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.