Anamika
  • Anamika - Jewelry Fashion Shopify
  • Getting Started
    • Shopify
    • Theme features
    • Changelog
    • Support Policy
  • How to install Theme
    • Download the Theme Package
    • ThemeForest - Theme Files
    • Theme Installation
  • Header Group
    • Announcement bar
    • Top bar
    • Selectors
    • Header
    • How to add navigation
    • Navigation menu
    • Account Page
  • Menu & Mega Menu
    • Mega menu with Promo Image
    • Mega menu with Promo Banner
    • Mega menu with Brands
    • Mega menu with Product
    • Mega menu with Tab Menu
    • Mega Menu Creation-video
  • Footer Group
    • Footer
      • Menu
      • Newsletter
      • Text
      • Contact Info Block
    • GRDR Cookies
    • Email Signup
    • Suggestion Product
  • Product
    • Creating Products
    • Product Variants
    • Recommended Products
    • Metafield
    • Gift Cards
  • Collections
    • Collection List
    • Creating Collections
    • Collection Banner
  • Filters
    • Filters
    • Horizontal Filter
    • Vertical filter
    • Drawer Filter
    • Paginations
  • Theme Settings
    • Colors
    • Preloader
    • Typography
    • General Settings
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Content Containers
    • Dropdowns and Pop-ups
    • Drawer
    • Badges
    • Search Behaviour
    • Favicon
    • Social Media
    • Currency format
    • Cart
    • Shipping Rates Calculator
  • Pages
    • About Us
    • Contact
    • FAQ page
    • Wishlist
    • Compare
  • Blog
    • Default blog
    • Creating Blog
    • Default blog post
  • Sections
    • Slideshow
    • Support Block
    • Featured Collection
    • Instagram Gallery
    • Email signup
    • Team Section
    • Image banner
    • Video
    • Testimonial
    • Specification Block
    • Brand Logo
    • Deal banner
    • Form Image
    • Grid banner
    • Marquee Section
    • Number Counter
    • Pricing table
    • Product tab
    • Rich text
    • Custom Class
  • App Integration
    • App Integration
    • Recommended Apps
  • Video Tutorial
    • How to Install Shopify Theme
    • How to Add Megamenu
    • How to Display Inner Pages
    • Multiple Collections in One Product Tab on Shopify
    • How to edit the product details
    • How to add variants for products
    • How to create a blog post
    • How to Customize Header and Section
    • 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"
    • Image Purchase link
Powered by GitBook
On this page
  1. Sections

Custom Class

PreviousRich textNextApp Integration

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.