Fluorescent
Spark
Spark
  • Spark Help Center
    • Start using Spark
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 headings tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
    • Update your theme
      • Upgrade to OS2
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • FAQ page
      • Lookbook page
      • Password page
      • Search page
      • 404 page
      • Home page
    • Sections
      • Blog posts
      • Collection list
      • Countdown banner
      • Events
      • Featured collection
      • Featured collection row
      • Featured product
      • Image with features
      • Image with text
      • Inline features
      • Logo list
      • Map
      • Mosaic grid
      • Newsletter
      • Questions and answers
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Social proof
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Header
    • Header
      • Logo
      • Layout and style
      • Transparent header
      • Customer account link
    • Announcement bar
    • Quick search
  • Footer
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Payment icons
      • Language selector
      • Country selector
      • Social media icons
      • Footer text
  • Products
    • Product listings
    • Hover add-to-cart
  • Cart
    • Cart page
    • Fly-out cart
  • Product pages
    • Product template
      • Pre-order template
      • Alternate product template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Quick purchase bar
      • Gift recipient form
    • Product overview blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Custom text field
      • Information popup
      • Payment accordion
      • Security accordion
      • Shipping accordion
      • Stock level indicator
      • Text block
      • App blocks
    • Product page sections
      • Product reviews
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Use default colors
        • Use custom colors
        • Use custom images
        • Show on product cards
        • Dynamic option availability
      • Sibling product swatches
  • Collection pages
    • Collection template
    • Banner
    • Product grid
    • Filters and sorting
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Select theme style
  • Demo layouts and sections

Was this helpful?

  1. Theme styles

Style presets

Theme settings

Last updated 3 months ago

Was this helpful?

Theme styles apply pre-selected settings for colors, fonts, and minor design elements. The change can be quite subtle but will give you a basic starting point for customizing your store’s branding.

Theme styles do not change the layout of page sections, the header, footer, or any individual section settings. .

Theme styles change settings for:

  • Colors of the background, text, links, borders, header, footer, and buttons.

  • Fonts (including style and size) for logo, headings, body, and button text.

  • Product listing styles for swatches, badges, and hover add-to-cart.

Select theme style


Spark has 3 theme styles named after the demo store with the same style settings. You can switch to another theme style, or change the theme settings to create your own style.

View our demo stores to preview the colors and fonts for each theme style:

STEPS

In your Shopify Admin:

  1. (Recommended.) to save as a backup.

  2. In the theme editor, click the Theme settings icon.

  3. Click the Theme style tab.

  4. Select a preset to preview the styles.

  5. To apply the theme style, click Change style.

    The theme style will overwrite your current settings. Make sure you've duplicated your theme to keep as a backup.

  6. Click Save.

Demo layouts and sections


All Shopify themes include a single layout of empty placeholder sections. Themes cannot include content or images from the demos.

The demos provide just a few examples of how to use the theme. When you download Spark, you have access to all the same features found in every demo. You can recreate any feature or page found in the demos. Or you can combine features and customize your store to have a substantially different layout and style, for any industry.


Related links

If you’re looking for high-quality images, check out .

Learn more about demo layouts
Chic
Clean
Minimal
Duplicate your theme ↗
Shopify's collection of royalty-free images
Theme settings
Colors
Fonts
Animation