CSS files are stored and loaded separately from your layout HTML. They contain the code that defines the style of your HTML content, i.e. widths, font sizes, colours, etc.
The critical CSS files for your Aarcade theme are hosted remotely by Aarcade to ensure that they remain error free and up to date. However, the portion of CSS that defines your installed Aarcade theme’s colours, fonts and other unique styling lives locally and can be viewed - and edited where required - as detailed below.
Editing your theme CSS file (as detailed in this article) is not the preferred method for changing your theme style.
Instead, wherever possible, use the tools provided at your Aarcade admin area per How do I edit my theme's styles and options?
Locating and viewing your Big Cartel CSS file
Click the Customize design link in your Big Cartel admin area to launch your customisation tools.
Click the advanved icon and then click the CSS link:
Click the full screen icon:
You are now ready to review and edit your CSS code.
Always exit fullscreen mode, click the Done button and then the Save link after making any changes.
Your Aarcade theme CSS is organised in sections to help you easily customise. As you scroll through your CSS code you will see these sections are titled as follows:
The CSS sections for your Aarcade theme may include:
/*!======================================================================= ========================================================================== START: DO NOT REMOVE OR EDIT THIS AREA Theme Name ------------ Uptown Version --------------- 3.1 Core ------------------ 3.0 License --------------- http://pico.pw/M Support --------------- http://support.aarcade.net Big Cartel Account ---- aarfdraft Project --------------- Aarcade - http://www.aarcade.net Copyright ------------- Featherweight - http://www.featherweight.co END: DO NOT REMOVE OR EDIT THIS AREA ========================================================================== ========================================================================*/
This section includes identification and version information for your theme, as well as important links to the theme license and support.
/*==================================================== IMPORT STYLESHEETS - To import a style sheet you MUST enter the import code in this section. ====================================================*/
This area is used to import an external stylesheet. A common use for this area is importing Google fonts.
/*==================================================== COLOURS ====================================================*/
This area includes style settings for your theme’s colours, as detailed in the article How do I edit colours in my Big Cartel CSS file?.
/*==================================================== FONTS ====================================================*/
This area includes style groups for editing your theme’s fonts, as detailed in the article How do I edit fonts in my Big Cartel CSS file?
/*==================================================== BACKGROUND IMAGE ====================================================*/
This area includes a style group for editing your theme’s background image, as detailed in the article How do I add a background image to my Big Cartel theme?
/*==================================================== ADMIN - Do not edit this section ====================================================*/
This area includes important code that applies your theme styles. NEVER edit the code in this area.
/*==================================================== CUSTOM SYLES - add and override styles below ====================================================*/
This area is used to create custom styles, as detailed in the article How do I create custom style code?
Theme custom styles
/* START: Theme custom styles - edit as needed *************************************************/
This area includes styles for your theme for easy editing, as detailed in the article The theme-specific custom styles