Add to Cart Button - Size

Whenever making changes to your Theme's Code/CSS, please ensure beforehand to create a duplicate backup - just in case you need to revert back to your original theme after making the change.  

You'll need to add the following code snippet:

	#AddToCartText{<br>
	font-size: 20px;<br>
	}

To the very bottom level of one of these files, depending on which theme you are using:

Flow: 'timber.scss.liquid' 

Envy: 'style.scss.liquid'


Flow:

  1. Admin 
  2. Online Store
  3. Envy
  4. Actions
  5. Edit code
  6. Assets
  7. Add to the very bottom of 'timber.scss.liquid':
#AddToCartText{<br>
	font-size: 20px;<br>
	}

Envy:

  1. Admin
  2. Online Store
  3. Envy
  4. Actions
  5. Edit code
  6. Assets
  7. Add to the very bottom of 'style.scss.liquid':
#AddToCartText{<br>
	font-size: 20px;<br>
	}

The '20px' within the code snippet can be modified to match your preferred size - working in pixels (px).

More information about how to access your code can be found here:

https://help.shopify.com/en/manual/using-themes/change-the-layout/theme-code

If you're not fully confident with making these changes yourself, it may be wise to instead approach a specialist in code customisation.

We have a number of trusted specialists, all of which are grouped for your convenience under our help guide:

WeTheme Recommended Specialists Reference Guide

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