Buy me a coffee

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

Leave a Comment

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder