shopify-OS
  • Petty - Pet Shop Shopify Theme
  • Getting Started
    • Theme Features
    • Shopify
    • Changelog
  • Support Service
  • How to install Theme
    • Download the Theme Package
    • ThemeForest - Theme Files
    • Theme Installation
  • Header Group
    • Header Section
    • Navigation menu
    • Account Page
    • Selectors (Language & Currency)
    • Menu & Mega Menu
      • Mega menu with Promo Image
      • Mega menu with Promo Banner
      • Mega menu with Brands
      • Mega menu with Product
      • Mega Menu Creation-video
  • Footer Group
    • Footer
      • Menu
      • Custom text
      • Newsletter
      • Logo
      • Address
      • HTML
      • Social Icons
      • Blog Block
      • Divider
    • Newsletter model
    • GDPR Cookies
    • Suggestion Product
  • Custom Class
  • Product
    • Creating Products
    • Product review
    • Metafield
    • Product Variants
    • Gift Card
    • Default Product
    • Product Recommendations
  • Collections
    • Collections List Page
    • Creating Collections
  • Default Collection
  • Filters
    • Filters
  • Theme Settings
    • Fav icon
    • Preloader
    • Typography
    • Appearance
    • Breadcrumb
    • Quick Shop Options
    • General Options
    • Sidebars
    • Cart Page
    • Search
    • Product Deal Timer
    • Social Media
    • Free shipping Cart Goal
    • Fake Visitors
    • Sold in Last Few Hours
    • Shipping Rates Calculator
    • Password Page
  • Pages
    • About Us
    • Contact
    • Wishlist
    • Compare
    • FAQ page
  • Blog Post
    • Blog
    • Creating Blog
    • Default blog post
  • Sections
    • Slider
    • Featured Collection
    • Newsletter
    • Masonry Banner
    • Grid banner
    • Brand Logos
    • Testimonial
    • Deal banner
    • Products
    • Collection List
    • Specification Block
    • Team Section
    • Video Banner
    • Gallery Section
    • Image list
    • Support Block
  • Home Marquee Section
  • Number counter
  • Html Text
  • Divider
  • App Integration
    • App Integration
    • Recommended Apps
  • Video Tutorial
    • How to Install Shopify Theme
    • How to Add Megamenu
    • How To Edit The Product Details
    • How To Add Variants For Products
    • How To Create A Blog Post
    • How to Edit Language Translation and Missing Translations
    • How to Set Up and Use Metafields
    • How to edit font in Shopify?
    • How to Create a Staff Access and Collaborator Access
  • Frequently Asked Questions
    • Missing template "layout/theme.liquid
Powered by GitBook
On this page

Custom Class

PreviousSuggestion ProductNextCreating Products

Last updated 3 months ago

A custom class in Shopify allows you to apply specific CSS styles to different sections, blocks, or elements within your theme. This helps in customizing the appearance of your store without modifying the default theme code.

Custom class is used to modify the designed style in a another word to make changes to already designed section modification

(For example1: If adding 2 Section rich text and want to modify the design of the 2nd section design there works custom class )

(For example2: If there is common class in heading and need to add particular section heading alone capslock there can add custom class)

Why Use Custom Classes in Shopify?

  • Allows dynamic styling without modifying the core theme.

  • Makes customization easier via the Shopify Theme Editor.

  • Helps in mobile-friendly designs and unique layouts.

  • With custom classes, you can style specific sections without altering the default theme styles. This prevents conflicts and makes your design more organized.