Adirondack Template CSS ID List

Some CSS ID/Class for Adirondack Template.

Header

  • site title: #header h1 a
  • burger icon: a#desktopMenu
  • desktop menu: .main-nav .nav-wrapper .cf
  • desktop menu items: .main-nav .nav-wrapper li a
  • Folder dropdown: .folder-child-wrapper
  • Folder dropdown item: .folder-child-wrapper a
  • desktop header: header#header
  • mobile header: div#mobile-header

Footer

  • footer: footer#footer
  • footer link: footer#footer a
  • footer social icons: footer#footer .socialaccountlinks-v2-block

Shop

  • shop page: .collection-type-products.view-list
  • product detail: .collection-type-products.view-item
  • shop + detail page: .collection-type-products
  • product image: .product-image img
  • product name: .product-title
  • price: span.sqs-money-native
  • currency: .sqs-money-native:before
  • back to shop link: div#productNav a
  • product excerpt: .product-excerpt
  • add to cart text: .sqs-add-to-cart-button-inner
  • add to cart button: .sqs-add-to-cart-button
  • sharing: .product-sharing
  • full description: .product-description
  • Category filter: .category-nav
  • category filter links: .category-nav a

Blog

  • list page: .collection-type-blog.view-list
  • blog detail: .collection-type-blog.view-item
  • blog title: .hentry h1.title a
  • date: h2.date-author
  • like/share: .comment-share-like
  • tags: .post-meta .tags-cats
  • pagination: .pagination
  • pagination title: .pagination span a

Page

  • .collection-type-page

Misc

  • mobile query: 640px
  • tablet: 1100px

Featured image by Squarespace.com

Share this post:

Leave a Comment