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;
}
--