Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

This document explains how to properly override the theme CSS.  Following this technique will make sure that you changes are not overwritten during a theme upgrade.  First navigate to the File Manager section of your StoreFront as show below.

Image Removed

Click on the themes folders.

Image Removed

Click on the current theme which is highlighted in light green.  In this case it's the MrTeas folder.

Image Removed

Drill down into the assets folder and then css folder Appearance and then CSS as shown below.

Image Removed

Image Removed

Click on the override.css file located within the css folder.  

Image Removed

Image Added

This will open up an the editor as shown below.  Place your style overrides into this file and then save.

Image RemovedImage Added

After making an edit to your CSS, make sure to use the reload icon on the admin bar of your StoreFront.  This forces the browser to refresh all the assets on your page including the override CSS.

...