Jump to content

CR-Colorado

Member
  • Posts

    4
  • Joined

  • Last visited

Everything posted by CR-Colorado

  1. URL: https://giraffe-piano-xccm.squarespace.com/ Password: coding I'm looking for help creating a code snippet to update the font for gift card title and amount in our Squarespace store. On the home page, you'll see each gift card product has text under the image (example: "$10 Gift Card"), and that is what I want to customize. We're currently using code snippets to utilize special fonts, but none of them seem to change the text under the gift card image. I'm including what we have saved in the Custom CSS below. -- ////FONTS//// ///NAV BAR/// .header-nav *, nav.header-menu-nav-list * { font-family: MINIONPRO; } ///H1/// @font-face { font-family: 'DOCKTRIN'; src: url(https://static1.squarespace.com/static/659c6c7b727562726f3014b5/t/659c7ca57eb2600133d26502/1704754342114/docktrin.otf); } h1 { font-family: 'DOCKTRIN'; } ///H2/// @font-face { font-family: 'COPPERPLATE'; src: url(https://static1.squarespace.com/static/659c6c7b727562726f3014b5/t/659c7e5a0a7da27d0f18cef3/1704754778435/CopperplateCC-Bold.otf); } h2 { font-family: 'COPPERPLATE'; } ///H3/// @font-face { font-family: 'RUSTLINGTREES'; src: url(https://static1.squarespace.com/static/659c6c7b727562726f3014b5/t/659c7cfaa165fe70f6e25472/1704754426773/RustlingTrees-Regular.otf); } h3 { font-family: 'RUSTLINGTREES'; } ///H4/// @font-face { font-family: 'COPPERPLATE'; src: url(https://static1.squarespace.com/static/659c6c7b727562726f3014b5/t/659c7e5a0a7da27d0f18cef3/1704754778435/CopperplateCC-Bold.otf); } h4 { font-family: 'COPPERPLATE'; } ///Paragraph/// @font-face { font-family: MINIONPRO; src: url(https://static1.squarespace.com/static/6091b19ba5da29701edc5ada/t/6091c1795ce0d06930b7a6e6/1620164985292/MinionPro-Regular.otf); } p { font-family: 'MINIONPRO'; } ///Buttons/// .sqs-block-button a, [class*='button'], [class*='btn'] { font-family: 'COPPERPLATE' !important; } //Image Title Wrapper// .image-title-wrapper * { font-family: 'COPPERPLATE' !important; } .image-subtitle-wrapper * { font-family: 'COPPERPLATE' !important; } --
  2. What is the code to customize P1 and P2? Can you customize the Monospace font?
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.