[{"data":1,"prerenderedAt":357},["ShallowReactive",2],{"navigation_docs":3,"-en-articles-16198173-using-custom-css-on-the-giftie-greeting-card-product-page":243,"-en-articles-16198173-using-custom-css-on-the-giftie-greeting-card-product-page-surround":352},[4],{"title":5,"path":6,"stem":7,"children":8,"page":242},"En","\u002Fen","en",[9],{"title":10,"path":11,"stem":12,"children":13,"page":242},"Articles","\u002Fen\u002Farticles","en\u002Farticles",[14,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94,98,102,106,110,114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238],{"title":15,"path":16,"stem":17},"How to Add Custom Gift Messages to Your Shopify Store: A Complete Guide","\u002Fen\u002Farticles\u002F10138063-how-to-add-custom-gift-messages-to-your-shopify-store-a-complete-guide","en\u002Farticles\u002F10138063-how-to-add-custom-gift-messages-to-your-shopify-store-a-complete-guide",{"title":19,"path":20,"stem":21},"Setting Up Flows: A Complete Guide","\u002Fen\u002Farticles\u002F10330120-setting-up-flows-a-complete-guide","en\u002Farticles\u002F10330120-setting-up-flows-a-complete-guide",{"title":23,"path":24,"stem":25},"Welcome to Yuzu","\u002Fen\u002Farticles\u002F10351529-welcome-to-yuzu","en\u002Farticles\u002F10351529-welcome-to-yuzu",{"title":27,"path":28,"stem":29},"Setting up your account","\u002Fen\u002Farticles\u002F10351539-setting-up-your-account","en\u002Farticles\u002F10351539-setting-up-your-account",{"title":31,"path":32,"stem":33},"Understanding Personalization: How Apps Shape Your Campaigns","\u002Fen\u002Farticles\u002F10351569-understanding-personalization-how-apps-shape-your-campaigns","en\u002Farticles\u002F10351569-understanding-personalization-how-apps-shape-your-campaigns",{"title":35,"path":36,"stem":37},"Designing Templates: Bringing Personalization to Life","\u002Fen\u002Farticles\u002F10351581-designing-templates-bringing-personalization-to-life","en\u002Farticles\u002F10351581-designing-templates-bringing-personalization-to-life",{"title":39,"path":40,"stem":41},"Setting Up Flows: Automating Your Campaigns","\u002Fen\u002Farticles\u002F10351587-setting-up-flows-automating-your-campaigns","en\u002Farticles\u002F10351587-setting-up-flows-automating-your-campaigns",{"title":43,"path":44,"stem":45},"Testing Your Campaign","\u002Fen\u002Farticles\u002F10351599-testing-your-campaign","en\u002Farticles\u002F10351599-testing-your-campaign",{"title":47,"path":48,"stem":49},"Examples of Marketing Initiatives","\u002Fen\u002Farticles\u002F10351604-examples-of-marketing-initiatives","en\u002Farticles\u002F10351604-examples-of-marketing-initiatives",{"title":51,"path":52,"stem":53},"Troubleshooting Flows & Templates","\u002Fen\u002Farticles\u002F10351611-troubleshooting-flows-templates","en\u002Farticles\u002F10351611-troubleshooting-flows-templates",{"title":55,"path":56,"stem":57},"Printers and Warehousing Essentials","\u002Fen\u002Farticles\u002F10351628-printers-and-warehousing-essentials","en\u002Farticles\u002F10351628-printers-and-warehousing-essentials",{"title":59,"path":60,"stem":61},"Installing the Yuzu Print App and Connecting Your Printer","\u002Fen\u002Farticles\u002F10351636-installing-the-yuzu-print-app-and-connecting-your-printer","en\u002Farticles\u002F10351636-installing-the-yuzu-print-app-and-connecting-your-printer",{"title":63,"path":64,"stem":65},"Automating Printing with Warehouse Management Systems (WMS)","\u002Fen\u002Farticles\u002F10351641-automating-printing-with-warehouse-management-systems-wms","en\u002Farticles\u002F10351641-automating-printing-with-warehouse-management-systems-wms",{"title":67,"path":68,"stem":69},"Navigating the Orders Table: Managing and Monitoring Orders","\u002Fen\u002Farticles\u002F10351860-navigating-the-orders-table-managing-and-monitoring-orders","en\u002Farticles\u002F10351860-navigating-the-orders-table-managing-and-monitoring-orders",{"title":71,"path":72,"stem":73},"Troubleshooting Printing: Common Issues and Quick Fixes","\u002Fen\u002Farticles\u002F10351862-troubleshooting-printing-common-issues-and-quick-fixes","en\u002Farticles\u002F10351862-troubleshooting-printing-common-issues-and-quick-fixes",{"title":75,"path":76,"stem":77},"Ordering Cardstock & Compatible Printers","\u002Fen\u002Farticles\u002F10351866-ordering-cardstock-compatible-printers","en\u002Farticles\u002F10351866-ordering-cardstock-compatible-printers",{"title":79,"path":80,"stem":81},"Shopify Integration: Setup, Features, and Variables","\u002Fen\u002Farticles\u002F10351896-shopify-integration-setup-features-and-variables","en\u002Farticles\u002F10351896-shopify-integration-setup-features-and-variables",{"title":83,"path":84,"stem":85},"Klaviyo Integration","\u002Fen\u002Farticles\u002F10351900-klaviyo-integration","en\u002Farticles\u002F10351900-klaviyo-integration",{"title":87,"path":88,"stem":89},"ShipStation Integration","\u002Fen\u002Farticles\u002F10351910-shipstation-integration","en\u002Farticles\u002F10351910-shipstation-integration",{"title":91,"path":92,"stem":93},"ShipHero Integration","\u002Fen\u002Farticles\u002F10351924-shiphero-integration","en\u002Farticles\u002F10351924-shiphero-integration",{"title":95,"path":96,"stem":97},"SKULabs Integration","\u002Fen\u002Farticles\u002F10351928-skulabs-integration","en\u002Farticles\u002F10351928-skulabs-integration",{"title":99,"path":100,"stem":101},"ShippingEasy Integration","\u002Fen\u002Farticles\u002F10351934-shippingeasy-integration","en\u002Farticles\u002F10351934-shippingeasy-integration",{"title":103,"path":104,"stem":105},"Editing Profiles and Managing Team Members","\u002Fen\u002Farticles\u002F10351940-editing-profiles-and-managing-team-members","en\u002Farticles\u002F10351940-editing-profiles-and-managing-team-members",{"title":107,"path":108,"stem":109},"Billing and Subscription Overview","\u002Fen\u002Farticles\u002F10351943-billing-and-subscription-overview","en\u002Farticles\u002F10351943-billing-and-subscription-overview",{"title":111,"path":112,"stem":113},"Print Quality Standards for Inserts (3PL Reference Guide)","\u002Fen\u002Farticles\u002F11004459-print-quality-standards-for-inserts-3pl-reference-guide","en\u002Farticles\u002F11004459-print-quality-standards-for-inserts-3pl-reference-guide",{"title":115,"path":116,"stem":117},"Integrations list","\u002Fen\u002Farticles\u002F11625993-integrations-list","en\u002Farticles\u002F11625993-integrations-list",{"title":119,"path":120,"stem":121},"How to Send Smart QR Scan Events to Triple Whale","\u002Fen\u002Farticles\u002F14720901-how-to-send-smart-qr-scan-events-to-triple-whale","en\u002Farticles\u002F14720901-how-to-send-smart-qr-scan-events-to-triple-whale",{"title":123,"path":124,"stem":125},"Use Yuzu Print Extension with Shippo","\u002Fen\u002Farticles\u002F14828930-use-yuzu-print-extension-with-shippo","en\u002Farticles\u002F14828930-use-yuzu-print-extension-with-shippo",{"title":127,"path":128,"stem":129},"Use Yuzu Print Extension with NetSuite","\u002Fen\u002Farticles\u002F14831100-use-yuzu-print-extension-with-netsuite","en\u002Farticles\u002F14831100-use-yuzu-print-extension-with-netsuite",{"title":131,"path":132,"stem":133},"Use Yuzu Print Extension with Redo","\u002Fen\u002Farticles\u002F14831104-use-yuzu-print-extension-with-redo","en\u002Farticles\u002F14831104-use-yuzu-print-extension-with-redo",{"title":135,"path":136,"stem":137},"Use Yuzu Print Extension with Linnworks","\u002Fen\u002Farticles\u002F14831108-use-yuzu-print-extension-with-linnworks","en\u002Farticles\u002F14831108-use-yuzu-print-extension-with-linnworks",{"title":139,"path":140,"stem":141},"Use Yuzu Print Extension with Helm","\u002Fen\u002Farticles\u002F14831111-use-yuzu-print-extension-with-helm","en\u002Farticles\u002F14831111-use-yuzu-print-extension-with-helm",{"title":143,"path":144,"stem":145},"Use Yuzu Print Extension with Veeqo","\u002Fen\u002Farticles\u002F14831114-use-yuzu-print-extension-with-veeqo","en\u002Farticles\u002F14831114-use-yuzu-print-extension-with-veeqo",{"title":147,"path":148,"stem":149},"Use Yuzu Print Extension with Veracore","\u002Fen\u002Farticles\u002F14831116-use-yuzu-print-extension-with-veracore","en\u002Farticles\u002F14831116-use-yuzu-print-extension-with-veracore",{"title":151,"path":152,"stem":153},"Use Yuzu Print Extension with Acumatica","\u002Fen\u002Farticles\u002F14831117-use-yuzu-print-extension-with-acumatica","en\u002Farticles\u002F14831117-use-yuzu-print-extension-with-acumatica",{"title":155,"path":156,"stem":157},"Use Yuzu Print Extension with Fulfil","\u002Fen\u002Farticles\u002F14831118-use-yuzu-print-extension-with-fulfil","en\u002Farticles\u002F14831118-use-yuzu-print-extension-with-fulfil",{"title":159,"path":160,"stem":161},"Use Yuzu Print Extension with Extensiv","\u002Fen\u002Farticles\u002F14831122-use-yuzu-print-extension-with-extensiv","en\u002Farticles\u002F14831122-use-yuzu-print-extension-with-extensiv",{"title":163,"path":164,"stem":165},"Use Yuzu Print Extension with ShipHero","\u002Fen\u002Farticles\u002F14831123-use-yuzu-print-extension-with-shiphero","en\u002Farticles\u002F14831123-use-yuzu-print-extension-with-shiphero",{"title":167,"path":168,"stem":169},"Use Yuzu Print Extension with Deposco","\u002Fen\u002Farticles\u002F14831127-use-yuzu-print-extension-with-deposco","en\u002Farticles\u002F14831127-use-yuzu-print-extension-with-deposco",{"title":171,"path":172,"stem":173},"Use Yuzu Print Extension with ShipStation","\u002Fen\u002Farticles\u002F14831128-use-yuzu-print-extension-with-shipstation","en\u002Farticles\u002F14831128-use-yuzu-print-extension-with-shipstation",{"title":175,"path":176,"stem":177},"Use Yuzu Print Client with Mintsoft","\u002Fen\u002Farticles\u002F14831131-use-yuzu-print-client-with-mintsoft","en\u002Farticles\u002F14831131-use-yuzu-print-client-with-mintsoft",{"title":179,"path":180,"stem":181},"Create a Yuzu API key and choose an App ID","\u002Fen\u002Farticles\u002F14831365-create-a-yuzu-api-key-and-choose-an-app-id","en\u002Farticles\u002F14831365-create-a-yuzu-api-key-and-choose-an-app-id",{"title":183,"path":184,"stem":185},"Find printer IDs and set a printer override","\u002Fen\u002Farticles\u002F14831367-find-printer-ids-and-set-a-printer-override","en\u002Farticles\u002F14831367-find-printer-ids-and-set-a-printer-override",{"title":187,"path":188,"stem":189},"Set up tag-based printer routing in Yuzu Print Extension","\u002Fen\u002Farticles\u002F14831368-set-up-tag-based-printer-routing-in-yuzu-print-extension","en\u002Farticles\u002F14831368-set-up-tag-based-printer-routing-in-yuzu-print-extension",{"title":191,"path":192,"stem":193},"Install and configure Yuzu Print Extension","\u002Fen\u002Farticles\u002F14831371-install-and-configure-yuzu-print-extension","en\u002Farticles\u002F14831371-install-and-configure-yuzu-print-extension",{"title":195,"path":196,"stem":197},"Share Yuzu Print Extension configuration between benches","\u002Fen\u002Farticles\u002F14831374-share-yuzu-print-extension-configuration-between-benches","en\u002Farticles\u002F14831374-share-yuzu-print-extension-configuration-between-benches",{"title":199,"path":200,"stem":201},"Understand Yuzu Print Extension notifications","\u002Fen\u002Farticles\u002F14831377-understand-yuzu-print-extension-notifications","en\u002Farticles\u002F14831377-understand-yuzu-print-extension-notifications",{"title":203,"path":204,"stem":205},"Set up 3PL mode in Yuzu Print Extension","\u002Fen\u002Farticles\u002F14831379-set-up-3pl-mode-in-yuzu-print-extension","en\u002Farticles\u002F14831379-set-up-3pl-mode-in-yuzu-print-extension",{"title":207,"path":208,"stem":209},"Use a custom domain with Yuzu Print Extension","\u002Fen\u002Farticles\u002F14831381-use-a-custom-domain-with-yuzu-print-extension","en\u002Farticles\u002F14831381-use-a-custom-domain-with-yuzu-print-extension",{"title":211,"path":212,"stem":213},"Troubleshoot Yuzu Print Extension printing issues","\u002Fen\u002Farticles\u002F14831383-troubleshoot-yuzu-print-extension-printing-issues","en\u002Farticles\u002F14831383-troubleshoot-yuzu-print-extension-printing-issues",{"title":215,"path":216,"stem":217},"Import Yuzu templates from Figma","\u002Fen\u002Farticles\u002F15359231-import-yuzu-templates-from-figma","en\u002Farticles\u002F15359231-import-yuzu-templates-from-figma",{"title":219,"path":220,"stem":221},"Manage merchant teams with the Yuzu 3PL Partner API","\u002Fen\u002Farticles\u002F15925381-manage-merchant-teams-with-the-yuzu-3pl-partner-api","en\u002Farticles\u002F15925381-manage-merchant-teams-with-the-yuzu-3pl-partner-api",{"title":223,"path":224,"stem":225},"Add or edit a Giftie greeting card on an existing Shopify order","\u002Fen\u002Farticles\u002F16150958-add-or-edit-a-giftie-greeting-card-on-an-existing-shopify-order","en\u002Farticles\u002F16150958-add-or-edit-a-giftie-greeting-card-on-an-existing-shopify-order",{"title":227,"path":228,"stem":229},"Using custom CSS on the Giftie greeting card product page","\u002Fen\u002Farticles\u002F16198173-using-custom-css-on-the-giftie-greeting-card-product-page","en\u002Farticles\u002F16198173-using-custom-css-on-the-giftie-greeting-card-product-page",{"title":231,"path":232,"stem":233},"What to do when no printable documents are found","\u002Fen\u002Farticles\u002F16788407-what-to-do-when-no-printable-documents-are-found","en\u002Farticles\u002F16788407-what-to-do-when-no-printable-documents-are-found",{"title":235,"path":236,"stem":237},"Connect Fulfil to Yuzu and renew your API key","\u002Fen\u002Farticles\u002F17002069-connect-fulfil-to-yuzu-and-renew-your-api-key","en\u002Farticles\u002F17002069-connect-fulfil-to-yuzu-and-renew-your-api-key",{"title":239,"path":240,"stem":241},"Install Yuzu Printer Monitor on Windows","\u002Fen\u002Farticles\u002F17636600-install-yuzu-printer-monitor-on-windows","en\u002Farticles\u002F17636600-install-yuzu-printer-monitor-on-windows",false,{"id":244,"title":227,"body":245,"description":341,"extension":342,"links":343,"meta":344,"modifiedAt":348,"navigation":349,"path":228,"seo":350,"stem":229,"__hash__":351},"docs\u002Fen\u002Farticles\u002F16198173-using-custom-css-on-the-giftie-greeting-card-product-page.md",{"type":246,"value":247,"toc":338},"minimark",[248,252,263,266,269,324,331,334],[249,250,251],"p",{},"Giftie adds the following attribute when a product page is being used as a Giftie greeting card:",[253,254,260],"pre",{"className":255,"code":257,"language":258,"meta":259},[256],"language-text","data-giftie-greeting-card-product-page-hidden=\"true\"\n","text","",[261,262,257],"code",{"__ignoreMap":259},[249,264,265],{},"You can use this marker to apply CSS only to the greeting card product page, without affecting other products.",[249,267,268],{},"For example:",[253,270,274],{"className":271,"code":272,"language":273,"meta":259,"style":259},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[data-product-wrapper]:has(  [data-giftie-greeting-card-product-page-hidden=\"true\"]) .your-theme-selector {  \u002F* Your CSS *\u002F}\n","json",[261,275,276],{"__ignoreMap":259},[277,278,281,285,289,292,295,297,300,303,307,309,311,314,317,321],"span",{"class":279,"line":280},"line",1,[277,282,284],{"class":283},"sMK4o","[",[277,286,288],{"class":287},"sTEyZ","data-product-wrapper",[277,290,291],{"class":283},"]",[277,293,294],{"class":287},":has(  ",[277,296,284],{"class":283},[277,298,299],{"class":287},"data-giftie-greeting-card-product-page-hidden=",[277,301,302],{"class":283},"\"",[277,304,306],{"class":305},"sfazB","true",[277,308,302],{"class":283},[277,310,291],{"class":283},[277,312,313],{"class":287},") .your-theme-selector ",[277,315,316],{"class":283},"{",[277,318,320],{"class":319},"sHwdD","  \u002F* Your CSS *\u002F",[277,322,323],{"class":283},"}\n",[249,325,326,327,330],{},"Replace ",[261,328,329],{},".your-theme-selector"," with the element from your Shopify theme that you want to style.",[249,332,333],{},"The structure and class names differ between Shopify themes, so the remaining selector and CSS will vary. Contact Giftie support if you need help identifying the appropriate selector.",[335,336,337],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":259,"searchDepth":339,"depth":339,"links":340},2,[],"Apply theme-specific CSS only to the Giftie greeting card product page.","md",null,{"category":345,"brand":346,"sourceArticleId":347},"giftie","Giftie","16198173","2026-08-04T10:24:19Z",true,{"title":227,"description":341},"dE07BvAc9bqNSth05QQIa9ekj6c0KIHGED934Wq7ZzM",[353,355],{"title":223,"path":224,"stem":225,"description":354,"children":-1},"Use Giftie in Shopify admin to add a greeting card to an existing order or edit one that has already been added.",{"title":231,"path":232,"stem":233,"description":356,"children":-1},"What the Yuzu Print Extension warning means and what to check when an order has no printable documents.",1793621704620]