Big Cartel Theme Support

What is my Big Cartel CSS file?

What is my Big Cartel CSS file?

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.

Getting started with your new Aarcade theme at Aarcade

Click the advanved icon and then click the CSS link:

Where do I add custom style code? at Aarcade

Click the full screen icon:

Where do I add custom style code? at Aarcade

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.

CSS Sections

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:

What is my Big Cartel CSS file? at Aarcade

The CSS sections for your Aarcade theme may include:

Theme Information

/*!=======================================================================
==========================================================================
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

/*====================================================
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

/*====================================================
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

/*====================================================
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

/*====================================================
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

/*====================================================
ADMIN - Do not edit this section
====================================================*/

This area includes important code that applies your theme styles. NEVER edit the code in this area.

Custom Styles

/*====================================================
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

AarcadeWhat is my Big Cartel CSS file?