[{"data":1,"prerenderedAt":764},["ShallowReactive",2],{"header:help":3,"footer:default":67,"story:navigation\u002Fsearch:help":250,"story:help\u002Fcategories":288,"story:help\u002Farticles\u002Fadd-custom-css-to-the-cart":314,"no-guide:add-custom-css-to-the-cart":59,"article:\u002Fhelp\u002Farticles\u002Fadd-custom-css-to-the-cart":509,"story:contact":523,"help:tree:d36dfb71-a03b-4229-82c6-6ef9546305c5":712,"_apollo:default":763},{"name":4,"created_at":5,"published_at":6,"updated_at":7,"id":8,"uuid":9,"content":10,"slug":57,"full_slug":58,"sort_by_date":59,"position":60,"tag_list":61,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":63,"first_published_at":64,"release_id":59,"lang":65,"path":59,"alternates":66,"default_full_slug":59,"translated_slugs":59},"Help Center Header","2024-08-09T18:06:34.939Z","2024-10-21T21:58:39.217Z","2024-10-21T21:58:39.232Z",10082752,"3e9b88f7-c163-4657-a2f2-62532d600fad",{"_uid":11,"link":12,"badge":16,"items":17,"title":13,"buttons":50,"new_tab":24,"submenu":51,"alignment":13,"component":52,"badge_link":53,"top_menu_items":56},"e5645a1a-f991-40e8-8d67-e40ebc082b5a",{"id":13,"url":13,"linktype":14,"fieldtype":15,"cached_url":13},"","story","multilink","Help Center",[18,27,34,39,44],{"_uid":19,"link":20,"title":23,"new_tab":24,"submenu":25,"component":26},"5cbe2861-1f49-4166-97da-a4dddd8105e3",{"id":21,"url":13,"linktype":14,"fieldtype":15,"cached_url":22},"4c0a2d99-ec30-4579-8ef1-6bf5564d4839","help\u002Fcategories\u002F","Articles",false,[],"header___item",{"_uid":28,"link":29,"title":32,"new_tab":33,"component":26},"1c8edeb5-b9e9-4cb8-b1c6-c1f292f7d7cd",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},"https:\u002F\u002Fwiki.foxycart.com\u002F","url","Documentation",true,{"_uid":35,"link":36,"title":38,"new_tab":33,"component":26},"8d7df70e-f087-4da0-b616-6f0e9a5af35c",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},"https:\u002F\u002Fapi.foxycart.com\u002F","API Documentation",{"_uid":40,"link":41,"title":43,"new_tab":33,"component":26},"f76e7944-23d5-4652-87e4-cdae79272762",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},"https:\u002F\u002Fstatus.foxy.io\u002F","System Status",{"_uid":45,"link":46,"title":49,"new_tab":24,"component":26},"0de16771-4c84-466c-a1da-d8568113c71f",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"01e4e370-f9b9-45af-8fa9-f15540699b0d","contact","Contact Us",[],[],"header",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},"4a679eb7-662d-4ea4-a976-5a2acbf0b663","help\u002F",[],"help-header","navigation\u002Fhelp-header",null,20,[],10082747,"71b81c2e-5e09-48a1-a397-a3c72fcd344a","2022-09-21T14:50:25.655Z","default",[],{"name":68,"created_at":69,"published_at":70,"updated_at":71,"id":72,"uuid":73,"content":74,"slug":243,"full_slug":244,"sort_by_date":59,"position":245,"tag_list":246,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":247,"first_published_at":248,"release_id":59,"lang":65,"path":59,"alternates":249,"default_full_slug":59,"translated_slugs":59},"Default Footer","2024-08-09T18:06:59.024Z","2025-09-04T06:24:46.223Z","2025-09-04T06:24:46.241Z",10082753,"e59e67ac-248a-482f-84a1-53d4f318186a",{"_uid":75,"about":76,"logos":77,"socials":82,"sections":108,"component":225,"cta_title":226,"bottom_links":227,"cta_subtitle":241,"cta_button_link":242,"cta_button_text":183},"830983f5-c4c4-43c8-b150-86a5e3fa6dc8","Foxy’s hosted cart & payment page allow you to sell anything, using your existing website or platform.",[78],{"id":79,"alt":13,"name":13,"focus":13,"title":13,"filename":80,"copyright":13,"fieldtype":81},14760,"https:\u002F\u002Fa-us.storyblok.com\u002Ff\u002F1001040\u002Fx\u002F3b030847ec\u002Fb-corp.svg","asset",[83,90,96,102],{"_uid":84,"icon":85,"link":86,"name":88,"component":89},"faf0a618-ea94-42ea-9182-03be18c43216","fa-facebook",{"id":13,"url":87,"linktype":31,"fieldtype":15,"cached_url":87},"https:\u002F\u002Fwww.facebook.com\u002Ffoxycart","Facebook","footer___social",{"_uid":91,"icon":92,"link":93,"name":95,"component":89},"14309c18-7e79-423e-b375-34555bac0811","fa-instagram",{"id":13,"url":94,"linktype":31,"fieldtype":15,"cached_url":94},"https:\u002F\u002Fwww.instagram.com\u002Ffoxy_io","Instagram",{"_uid":97,"icon":98,"link":99,"name":101,"component":89},"8f7fe7cf-0dd3-4596-8334-226ea466716a","fa-linkedin",{"id":13,"url":100,"linktype":31,"fieldtype":15,"cached_url":100},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Ffoxycart.com","LinkedIn",{"_uid":103,"icon":104,"link":105,"name":107,"component":89},"90a675b4-dd97-40b5-be09-00a87223d4c5","fa-youtube",{"id":13,"url":106,"linktype":31,"fieldtype":15,"cached_url":106},"https:\u002F\u002Fwww.youtube.com\u002Fuser\u002Ffoxycart","Youtube",[109,139,184,206],{"_uid":110,"name":111,"items":112,"component":138},"82849945-282f-488c-b18d-a8d2252f514a","Company",[113,120,126,132],{"_uid":114,"link":115,"title":118,"new_tab":24,"component":119},"1f699ab1-938b-4d9d-9825-aabcbe6f57fe",{"id":116,"url":13,"linktype":14,"fieldtype":15,"cached_url":117},"63634293-a749-4226-9439-9f38ee6dcda0","about-us","About Us","footer___menu_items",{"_uid":121,"link":122,"title":125,"new_tab":24,"component":119},"b26b00f1-a0e7-4be2-8ab3-428b8cc841f8",{"id":123,"url":13,"linktype":14,"fieldtype":15,"cached_url":124},"26cb7c55-faed-4a77-a291-1552d4111b3e","how-foxy-works","How Foxy Works",{"_uid":127,"link":128,"title":131,"new_tab":24,"component":119},"b40c68a0-1ceb-4226-9515-6176534f61fe",{"id":129,"url":13,"linktype":14,"fieldtype":15,"cached_url":130},"dc6657d7-7f4f-4c0d-b781-e971b038ee26","for-good","Foxy For Good",{"_uid":133,"link":134,"title":137,"new_tab":24,"component":119},"3ad0c134-bef9-4fff-b891-e09f16109036",{"id":135,"url":13,"linktype":14,"fieldtype":15,"cached_url":136},"23cae210-baf4-4588-9862-d09f4f52ccd2","brand-assets","Brand Assets","footer___section",{"_uid":140,"name":141,"items":142,"component":138},"a6805fa8-ac60-47f1-b8f0-f27aded0afbe","Product",[143,149,155,161,167,173,179],{"_uid":144,"link":145,"title":148,"new_tab":24,"component":119},"b39c8a4e-2383-486f-b76a-11fbb15d8134",{"id":146,"url":13,"linktype":14,"fieldtype":15,"cached_url":147},"bb04690f-fe98-4ce6-80be-05b950f2364f","features\u002F","Features",{"_uid":150,"link":151,"title":154,"new_tab":24,"component":119},"64f8a41f-c181-433d-bc0a-fc94e71ecbf6",{"id":152,"url":13,"linktype":14,"fieldtype":15,"cached_url":153},"c450c58d-761d-48c0-a9af-0b064611689b","pricing","Pricing",{"_uid":156,"link":157,"title":160,"new_tab":24,"component":119},"6e0b287f-fd8c-4146-9e0e-0ab0b5c9ce3c",{"id":158,"url":13,"linktype":14,"fieldtype":15,"cached_url":159},"fab20ad9-e76a-4947-b709-3a6fdfa88028","blog\u002Fcategories\u002Fproduct-updates","Product Updates",{"_uid":162,"link":163,"title":166,"new_tab":24,"component":119},"47e5a074-a6b5-4f1c-8c2f-89a2ae9f83eb",{"id":164,"url":13,"linktype":14,"fieldtype":15,"cached_url":165},"d2c83612-d611-47f3-a3b4-ca7fe08540b8","changelogs\u002F","Changelogs",{"_uid":168,"link":169,"title":172,"new_tab":24,"component":119},"b5c08774-542f-4ffd-b357-c94d674488b9",{"id":170,"url":13,"linktype":14,"fieldtype":15,"cached_url":171},"08876121-0df3-4ed9-aa11-902b3e41cd02","whats-next","What's Next",{"_uid":174,"link":175,"title":178,"new_tab":24,"component":119},"9c2704ed-6d9f-43e1-9e67-c8d91c083288",{"id":176,"url":13,"linktype":14,"fieldtype":15,"cached_url":177},"056a7857-b18f-4025-8f97-91a38fc19bc8","compare\u002F","Compare",{"_uid":180,"link":181,"title":183,"new_tab":24,"component":119},"5f2db35b-674b-406a-8fa7-d246633af9fe",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"https:\u002F\u002Fadmin.foxy.io\u002Fsign-up","Try Foxy Free",{"_uid":185,"name":186,"items":187,"component":138},"63fa1f29-4252-4640-9922-fe310e69e54a","Security",[188,194,200],{"_uid":189,"link":190,"title":193,"new_tab":24,"component":119},"1158ddb6-9eb0-466f-8eb6-7ca2ae66c8b8",{"id":191,"url":13,"linktype":14,"fieldtype":15,"cached_url":192},"1f58fb2c-8681-4742-b6e8-09999beae9f6","security-contact","Security Contact",{"_uid":195,"link":196,"title":199,"new_tab":24,"component":119},"9a79c54a-6022-4dfd-854b-766f5e4703ba",{"id":197,"url":13,"linktype":14,"fieldtype":15,"cached_url":198},"55cbfcc3-425a-4261-8037-54e919851d2d","pci","PCI Compliance",{"_uid":201,"link":202,"title":205,"new_tab":24,"component":119},"0b85f5b6-9534-4071-b323-b39d053dd4d7",{"id":203,"url":13,"linktype":14,"fieldtype":15,"cached_url":204},"c3ac0fe3-83e2-4879-afbd-d4c83e1590df","help\u002Farticles\u002Four-official-domains-public-code","Domains & Codebases",{"_uid":207,"name":208,"items":209,"component":138},"998ded67-d107-49f4-8154-ca6be51671ec","Support",[210,213,216,219,222],{"_uid":211,"link":212,"title":16,"new_tab":24,"component":119},"594ffd35-3049-4004-bb08-0db568ebd819",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},{"_uid":214,"link":215,"title":32,"new_tab":33,"component":119},"0a1a55ab-a985-4f9d-8b42-26da714d0c1c",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},{"_uid":217,"link":218,"title":38,"new_tab":33,"component":119},"61e0b7c8-aadf-419b-a339-b3ccabc65bf4",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},{"_uid":220,"link":221,"title":43,"new_tab":33,"component":119},"fd67a89e-1c54-4d31-94b5-64be999062d6",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},{"_uid":223,"link":224,"title":49,"new_tab":24,"component":119},"231a6f71-e996-4ad4-b033-d4d5542f34f0",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"footer","Get started with our *unlimited free trial*.",[228,235],{"_uid":229,"link":230,"text":233,"component":234},"f0b77210-2632-45a2-8436-e57cad84d01a",{"id":231,"url":13,"linktype":14,"fieldtype":15,"cached_url":232},"60ba16a2-c1f4-485f-b978-8d2eeeafbf5a","terms-of-service","Terms of Service","footer___bottom_links",{"_uid":236,"link":237,"text":240,"component":234},"4bd497b0-993f-4b4d-a5b7-8a49c7c8fec9",{"id":238,"url":13,"linktype":14,"fieldtype":15,"cached_url":239},"332302b9-1d18-4016-b9c8-9b33c72d782b","privacy-policy","Privacy Policy","No credit card required.",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"default-footer","navigation\u002Fdefault-footer",50,[],"11006268-07f9-41e9-96f3-c51fb723399d","2022-09-21T20:39:02.357Z",[],{"name":251,"created_at":252,"published_at":253,"updated_at":254,"id":255,"uuid":256,"content":257,"slug":279,"full_slug":282,"sort_by_date":59,"position":283,"tag_list":284,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":285,"first_published_at":286,"release_id":59,"lang":65,"path":59,"alternates":287,"default_full_slug":59,"translated_slugs":59},"Search","2024-10-21T22:08:54.973Z","2025-05-26T09:17:25.790Z","2025-05-26T09:17:25.804Z",13592003,"14cbc359-9ac1-4a7a-a8de-ad4ac8ef26d4",{"_uid":258,"name":251,"indices":259,"summary":13,"component":279,"primary_image":280},"5e4a56e8-76f1-4790-b3a7-70f1be97d042",[260,265,269,274],{"key":261,"_uid":262,"icon":13,"name":263,"component":264},"all","c12a3210-7323-4273-8217-5215e52efe84","All","index",{"key":266,"_uid":267,"icon":268,"name":23,"component":264},"help_center_article","5acff080-95e4-44d3-8dcf-1b19720af382","fa-file-alt",{"key":270,"_uid":271,"icon":272,"name":273,"component":264},"help_center_guide","b8fbc206-c083-471e-a1f0-0ebeb90a669d","fa-book","Guides",{"key":275,"_uid":276,"icon":277,"name":278,"component":264},"blog_post","23419e83-2e56-4c4c-8a05-9fd1b3c9a9bd","fa-file-image","Blog Posts","search",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":281},{},"navigation\u002Fsearch",60,[],"11e1fd31-95cd-4fc9-b736-8b8910663e6c","2024-10-21T23:17:05.904Z",[],{"name":23,"created_at":289,"published_at":290,"updated_at":291,"id":292,"uuid":21,"content":293,"slug":307,"full_slug":22,"sort_by_date":59,"position":308,"tag_list":309,"is_startpage":33,"parent_id":310,"meta_data":59,"group_id":311,"first_published_at":312,"release_id":59,"lang":65,"path":59,"alternates":313,"default_full_slug":59,"translated_slugs":59},"2022-09-19T14:42:29.685Z","2024-07-30T18:17:22.506Z","2024-07-30T18:17:22.525Z",2660,{"_uid":294,"icon":13,"name":23,"guides":295,"pinned":24,"summary":296,"category":13,"component":297,"blog_posts":298,"content_hub":24,"icon_custom":299,"case_studies":300,"faq_sections":301,"help_articles":302,"featured_guides":303,"mailbox_category":13,"featured_articles":304,"featured_blog_posts":305,"featured_case_studies":306},"d6dae89a-907a-4bf7-82de-fe2ba875ee6e",[],"Get your questions answered with our browsable knowledge base.","help_center_category",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"filename":13,"copyright":59,"fieldtype":81},[],[],[],[],[],[],[],"categories",530,[],2658,"19ebcdd2-027f-47f5-9a5b-a8992c959578","2022-09-19T16:24:39.219Z",[],{"name":315,"created_at":316,"published_at":317,"updated_at":318,"id":319,"uuid":320,"content":321,"slug":502,"full_slug":503,"sort_by_date":59,"position":504,"tag_list":505,"is_startpage":24,"parent_id":506,"meta_data":59,"group_id":507,"first_published_at":317,"release_id":59,"lang":65,"path":59,"alternates":508,"default_full_slug":59,"translated_slugs":59},"Add custom CSS to the cart","2026-07-01T18:58:34.099Z","2026-07-01T19:26:15.610Z","2026-07-01T19:26:15.623Z",193506157001756,"d36dfb71-a03b-4229-82c6-6ef9546305c5",{"_uid":322,"body":323,"name":315,"image":497,"pinned":24,"summary":499,"category":500,"component":266,"related_articles":501},"bd6cee3a-8c8d-4b8b-b6f4-ff8be7185e1d",{"type":324,"content":325},"doc",[326,340,347,405,410,425,431,436],{"type":327,"attrs":328,"content":329},"paragraph",{"textAlign":59},[330,333,338],{"text":331,"type":332},"You can customise the appearance of the Foxy cart and sidecart by adding your own CSS. The sidecart’s styles are namespaced under a ","text",{"text":334,"type":332,"marks":335},"#fc",[336],{"type":337},"code",{"text":339,"type":332}," ID to prevent your site’s CSS from affecting the cart unintentionally — this same namespace is what you use to target cart elements with your own styles.",{"type":341,"attrs":342,"content":344},"heading",{"level":343,"textAlign":59},2,[345],{"text":346,"type":332},"How to set it up",{"type":348,"attrs":349,"content":351},"ordered_list",{"order":350},1,[352,367,385,398],{"type":353,"content":354},"list_item",[355],{"type":327,"attrs":356,"content":357},{"textAlign":59},[358,360],{"text":359,"type":332},"Go to the ",{"text":361,"type":332,"marks":362},"Foxy admin",[363],{"type":364,"attrs":365},"link",{"href":366,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Fadmin.foxy.io",{"type":353,"content":368},[369],{"type":327,"attrs":370,"content":371},{"textAlign":59},[372,374,379,381],{"text":373,"type":332},"Go to ",{"text":375,"type":332,"marks":376},"Settings",[377],{"type":378},"bold",{"text":380,"type":332}," > ",{"text":382,"type":332,"marks":383},"Templates",[384],{"type":378},{"type":353,"content":386},[387],{"type":327,"attrs":388,"content":389},{"textAlign":59},[390,392,396],{"text":391,"type":332},"Add your custom CSS to the ",{"text":393,"type":332,"marks":394},"Custom header",[395],{"type":378},{"text":397,"type":332}," section",{"type":353,"content":399},[400],{"type":327,"attrs":401,"content":402},{"textAlign":59},[403],{"text":404,"type":332},"Save your changes",{"type":341,"attrs":406,"content":407},{"level":343,"textAlign":59},[408],{"text":409,"type":332},"Targeting cart elements",{"type":327,"attrs":411,"content":412},{"textAlign":59},[413,415,418,420,423],{"text":414,"type":332},"All cart elements are namespaced under ",{"text":334,"type":332,"marks":416},[417],{"type":337},{"text":419,"type":332},". Prefix your CSS rules with ",{"text":334,"type":332,"marks":421},[422],{"type":337},{"text":424,"type":332}," to target them:",{"type":426,"attrs":427,"content":428},"code_block",{"class":59},[429],{"text":430,"type":332},"#fc .fc-item-name {\n  font-weight: bold;\n}\n\n#fc .fc-cart-button {\n  background-color: #ff0000;\n}\n",{"type":341,"attrs":432,"content":433},{"level":343,"textAlign":59},[434],{"text":435,"type":332},"Notes",{"type":437,"content":438},"bullet_list",[439,457,482],{"type":353,"content":440},[441],{"type":327,"attrs":442,"content":443},{"textAlign":59},[444,446,449,451,455],{"text":445,"type":332},"Because the sidecart loads within your own site, CSS rules on your site can bleed into the cart if they are broad enough. The ",{"text":334,"type":332,"marks":447},[448],{"type":337},{"text":450,"type":332}," namespace is designed to prevent this, but overly broad rules (e.g. ",{"text":452,"type":332,"marks":453},"* { box-sizing: border-box; }",[454],{"type":337},{"text":456,"type":332},") may still apply.",{"type":353,"content":458},[459],{"type":327,"attrs":460,"content":461},{"textAlign":59},[462,464,468,470,474,476,480],{"text":463,"type":332},"If your site has CSS rules targeting direct descendants of ",{"text":465,"type":332,"marks":466},"body",[467],{"type":337},{"text":469,"type":332}," (e.g. ",{"text":471,"type":332,"marks":472},"body > div",[473],{"type":337},{"text":475,"type":332},"), these may behave unexpectedly with the sidecart since it wraps page content in a container element. Add ",{"text":477,"type":332,"marks":478},"body > [data-fc-store-page] > div",[479],{"type":337},{"text":481,"type":332}," alongside your existing rules to account for this.",{"type":353,"content":483},[484],{"type":327,"attrs":485,"content":486},{"textAlign":59},[487,489,495],{"text":488,"type":332},"For sidecart-specific display problems, see ",{"text":490,"type":332,"marks":491},"Troubleshoot sidecart display issues",[492],{"type":364,"attrs":493},{"href":494,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Ffoxy.io\u002Fhelp\u002Farticles\u002Ftroubleshoot-sidecart-display-issues",{"text":496,"type":332},".",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":498},{},"How to customize the appearance of the Foxy cart and sidecart using CSS.","0741c744-77a5-4e11-87cc-3b8850c51529",[],"add-custom-css-to-the-cart","help\u002Farticles\u002Fadd-custom-css-to-the-cart",-2670,[],2659,"976300e6-4be2-4811-bc8a-dbbe1d56ec2b",[],{"html":510,"sections":511,"segments":519},"\u003Cp>You can customise the appearance of the Foxy cart and sidecart by adding your own CSS. The sidecart’s styles are namespaced under a \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> ID to prevent your site’s CSS from affecting the cart unintentionally — this same namespace is what you use to target cart elements with your own styles.\u003C\u002Fp>\u003Csection id=\"how-to-set-it-up\" data-title=\"How to set it up\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"how-to-set-it-up\">How to set it up\u003C\u002Fh2>\u003Col class=\"step step-icon-sm step-dashed step-border-last-0 mt-3\">\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">1\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Go to the \u003Ca href=\"https:\u002F\u002Fadmin.foxy.io\" class=\"\">Foxy admin\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">2\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Go to \u003Cstrong>Settings\u003C\u002Fstrong> > \u003Cstrong>Templates\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">3\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Add your custom CSS to the \u003Cstrong>Custom header\u003C\u002Fstrong> section\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">4\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Save your changes\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fsection>\u003Csection id=\"targeting-cart-elements\" data-title=\"Targeting cart elements\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"targeting-cart-elements\">Targeting cart elements\u003C\u002Fh2>\u003Cp>All cart elements are namespaced under \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode>. Prefix your CSS rules with \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> to target them:\u003C\u002Fp>\u003Cdiv class=\"position-relative w-100 overflow-hidden rounded-2\" data-code-block>\u003Cdiv class=\"d-flex justify-content-end border-bottom\" style=\"background:#2b2c3b;\">\u003Cbutton type=\"button\" class=\"btn btn-link btn-sm text-light\" title=\"Copy\" data-code-button>\u003Cspan data-code-default style=\"\">\u003Ci class=\"fal fa-copy me-2\">\u003C\u002Fi> Copy \u003C\u002Fspan>\u003Cspan class=\"text-success\" data-code-success style=\"display:none;\">\u003Ci class=\"fal fa-check ms-2\">\u003C\u002Fi> Copied \u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"small\">\u003Cpre class=\"hljs p-2\" data-code-content>#fc .fc-item-name {\n  font-weight: bold;\n}\n\n#fc .fc-cart-button {\n  background-color: #ff0000;\n}\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>\u003Csection id=\"notes\" data-title=\"Notes\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"notes\">Notes\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>Because the sidecart loads within your own site, CSS rules on your site can bleed into the cart if they are broad enough. The \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> namespace is designed to prevent this, but overly broad rules (e.g. \u003Ccode class=\"badge bg-soft-danger text-danger\">* { box-sizing: border-box; }\u003C\u002Fcode>) may still apply.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>If your site has CSS rules targeting direct descendants of \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> (e.g. \u003Ccode class=\"badge bg-soft-danger text-danger\">body > div\u003C\u002Fcode>), these may behave unexpectedly with the sidecart since it wraps page content in a container element. Add \u003Ccode class=\"badge bg-soft-danger text-danger\">body > [data-fc-store-page] > div\u003C\u002Fcode> alongside your existing rules to account for this.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>For sidecart-specific display problems, see \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fhelp\u002Farticles\u002Ftroubleshoot-sidecart-display-issues\" class=\"\">Troubleshoot sidecart display issues\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fsection>",[512,515,517],{"id":513,"title":346,"level":514},"how-to-set-it-up","H2",{"id":516,"title":409,"level":514},"targeting-cart-elements",{"id":518,"title":435,"level":514},"notes",[520],{"type":521,"content":522},"html","\u003Cp>You can customise the appearance of the Foxy cart and sidecart by adding your own CSS. The sidecart’s styles are namespaced under a \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> ID to prevent your site’s CSS from affecting the cart unintentionally — this same namespace is what you use to target cart elements with your own styles.\u003C\u002Fp>\u003Ch2>How to set it up\u003C\u002Fh2>\u003Col order=\"1\">\u003Cli>\u003Cp>Go to the \u003Ca href=\"https:\u002F\u002Fadmin.foxy.io\" class=\"\">Foxy admin\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Go to \u003Cstrong>Settings\u003C\u002Fstrong> > \u003Cstrong>Templates\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Add your custom CSS to the \u003Cstrong>Custom header\u003C\u002Fstrong> section\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Save your changes\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Ch2>Targeting cart elements\u003C\u002Fh2>\u003Cp>All cart elements are namespaced under \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode>. Prefix your CSS rules with \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> to target them:\u003C\u002Fp>\u003Cpre>\u003Ccode>#fc .fc-item-name {\n  font-weight: bold;\n}\n\n#fc .fc-cart-button {\n  background-color: #ff0000;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Notes\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>Because the sidecart loads within your own site, CSS rules on your site can bleed into the cart if they are broad enough. The \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> namespace is designed to prevent this, but overly broad rules (e.g. \u003Ccode class=\"badge bg-soft-danger text-danger\">* { box-sizing: border-box; }\u003C\u002Fcode>) may still apply.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>If your site has CSS rules targeting direct descendants of \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> (e.g. \u003Ccode class=\"badge bg-soft-danger text-danger\">body > div\u003C\u002Fcode>), these may behave unexpectedly with the sidecart since it wraps page content in a container element. Add \u003Ccode class=\"badge bg-soft-danger text-danger\">body > [data-fc-store-page] > div\u003C\u002Fcode> alongside your existing rules to account for this.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>For sidecart-specific display problems, see \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fhelp\u002Farticles\u002Ftroubleshoot-sidecart-display-issues\" class=\"\">Troubleshoot sidecart display issues\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>",{"name":524,"created_at":525,"published_at":526,"updated_at":527,"id":528,"uuid":47,"content":529,"slug":48,"full_slug":48,"sort_by_date":59,"position":707,"tag_list":708,"is_startpage":24,"parent_id":59,"meta_data":59,"group_id":709,"first_published_at":710,"release_id":59,"lang":65,"path":59,"alternates":711,"default_full_slug":59,"translated_slugs":59},"Contact","2022-09-23T19:56:58.957Z","2025-05-08T18:24:40.382Z","2025-05-08T18:24:40.392Z",3138,{"seo":530,"_uid":533,"title":534,"action":535,"fields":536,"method":683,"columns":684,"subtitle":698,"component":48,"button_text":704,"submit_title":705,"submit_subtitle":706},{"_uid":531,"title":524,"plugin":532,"description":13},"24ff7574-3bcc-48d2-85b5-e529dfea1cc4","meta-fields","8f54f1da-9d8f-49b2-89e7-840e886491cb","We're here to help.","https:\u002F\u002Fusebasin.com\u002Ff\u002F029f48d65402",[537,542,546,654,657,662,677],{"_uid":538,"name":539,"type":332,"label":540,"options":13,"required":33,"component":541,"placeholder":13},"9a70b226-2036-4f90-a052-b3efa61c5896","name","Name","form___field",{"_uid":543,"name":544,"type":544,"label":545,"options":13,"required":33,"component":541,"placeholder":13},"86ba35be-ff43-4a28-8633-14052a8f6622","email","Email Address",{"_uid":547,"name":548,"type":549,"label":550,"options":551,"required":33,"component":541,"conditions":552,"placeholder":13},"3f827475-492c-4f97-aa1e-2386ac263b6c","topic","select","Topic","Presales, Support, Billing, Partnerships, Order Enquiry, Other",[553,608,618,625,633,641,647],{"_uid":554,"equals":555,"fields":556,"component":607},"e21d97dd-e68e-4fa6-ba97-bc40f3041dde","Order Enquiry",[557],{"_uid":558,"body":559,"type":605,"title":13,"component":606},"b64992bc-6d53-48b8-b7a0-d81e5a062e50",{"type":324,"content":560},[561],{"type":327,"content":562},[563,565,572,574,576,577,581,583,588,596,598,603],{"text":564,"type":332},"We are ",{"text":566,"type":332,"marks":567},"Foxy.io",[568],{"type":364,"attrs":569},{"href":570,"uuid":59,"anchor":59,"custom":571,"target":59,"linktype":31},"http:\u002F\u002FFoxy.io",{},{"text":573,"type":332},", an ecommerce platform powering ecommerce for other merchants. We do not sell products, and are unable to assist with questions about order statuses or refunds for any merchants using our platform. Please contact the merchant you ordered from for assistance. If you’d like to report a store using Foxy for fraudulent practices, please select ‘other’ in the subject.",{"type":575},"hard_break",{"type":575},{"text":578,"type":332,"marks":579},"NOTE:",[580],{"type":378},{"text":582,"type":332}," We are ",{"text":584,"type":332,"marks":585},"not ",[586],{"type":587},"italic",{"text":589,"type":332,"marks":590},"Foxy.in",[591,595],{"type":364,"attrs":592},{"href":593,"uuid":59,"anchor":59,"custom":594,"target":59,"linktype":31},"http:\u002F\u002FFoxy.in",{},{"type":587},{"text":597,"type":332},". We are not in any way affiliated with ",{"text":589,"type":332,"marks":599},[600],{"type":364,"attrs":601},{"href":593,"uuid":59,"anchor":59,"custom":602,"target":59,"linktype":31},{},{"text":604,"type":332},", and cannot help in any way with your order from that website.","danger","global___alert","form___condition",{"_uid":609,"equals":610,"fields":611,"component":607},"8765c3e1-25cf-44aa-b8ea-fc6094acf9c3","Presales",[612],{"_uid":613,"name":614,"type":615,"label":13,"options":13,"required":24,"component":541,"conditions":616,"placeholder":13,"default_value":617},"cf464f8e-d643-4f6e-af29-d3abffaf7380","department_email_address","hidden",[],"hello@foxy.io",{"_uid":619,"equals":208,"fields":620,"component":607},"4007b6d8-77e5-421d-bd1e-6f336dd853fb",[621],{"_uid":622,"name":614,"type":615,"label":13,"options":13,"required":24,"component":541,"conditions":623,"placeholder":13,"default_value":624},"7b4c6aa5-a68c-45e0-9ce1-0a36af10c0c2",[],"help@foxy.io",{"_uid":626,"equals":627,"fields":628,"component":607},"1dbb8f11-613d-43cd-9e09-1b94f6e19219","Billing",[629],{"_uid":630,"name":614,"type":615,"label":13,"options":13,"required":24,"component":541,"conditions":631,"placeholder":13,"default_value":632},"a0ac0d1b-bc4f-4a6c-a682-581d450b0b73",[],"help+billing@foxy.io",{"_uid":634,"equals":635,"fields":636,"component":607},"a0a53a50-7172-4a29-ba58-181e38874e12","Partnerships",[637],{"_uid":638,"name":614,"type":615,"label":13,"options":13,"required":24,"component":541,"conditions":639,"placeholder":13,"default_value":640},"7aa011d9-f374-4aed-b5a5-929b54aaf152",[],"partners@foxy.io",{"_uid":642,"equals":555,"fields":643,"component":607},"a4cd431f-25d5-41c7-bfdc-02c908c8fb47",[644],{"_uid":645,"name":614,"type":615,"label":13,"options":13,"required":24,"component":541,"conditions":646,"placeholder":13,"default_value":617},"f5d52168-d6ae-451b-94ee-2ced1cbd28ad",[],{"_uid":648,"equals":649,"fields":650,"component":607},"25aba1ed-eb41-4bbc-aa89-f7a7167ea86e","Other",[651],{"_uid":652,"name":614,"type":615,"label":13,"options":13,"required":24,"component":541,"conditions":653,"placeholder":13,"default_value":617},"f40dfaef-c203-4b71-bf4e-e1b43cef192b",[],{"_uid":655,"component":656},"e9c53a05-f40a-4510-aaf8-bc072a235a0c","form___subject",{"_uid":658,"name":659,"type":660,"label":661,"options":13,"required":33,"component":541,"placeholder":13},"a4c4d385-fff4-4978-99fb-b68cfea623d6","message","textarea","Message",{"_uid":663,"name":664,"type":549,"label":665,"options":666,"required":33,"component":541,"conditions":667,"placeholder":13},"8a3c9f85-f438-427d-9c7a-d7b295a14b5b","existing_user","Are you an existing user?","No, Yes",[668],{"_uid":669,"equals":670,"fields":671,"component":607},"115933d6-262a-4b59-8fa8-579c5ad73de1","Yes",[672],{"_uid":673,"name":674,"type":332,"label":675,"options":13,"required":33,"component":541,"conditions":676,"placeholder":13},"44b6ff23-98f0-4e95-b7f5-c23e06415c2d","subdomain","Store Subdomain",[],{"_uid":678,"name":679,"type":549,"label":680,"options":681,"required":33,"component":541,"conditions":682,"placeholder":13},"922a5cef-3af2-4113-8855-36c7910e3ee3","user_type","What type of user are you?","Developer, Designer, Merchant",[],"POST",[685],{"_uid":686,"text":687,"title":696,"component":697},"7323b90d-a93a-4bf1-baa9-20d0b7ead61b",{"type":324,"content":688},[689],{"type":327,"content":690},[691,693,694],{"text":692,"type":332},"855.369.9227",{"type":575},{"text":695,"type":332},"9:30am-6pm Central M-F","Pre-sales, Sales, & Partnerships","contact___footer_column",{"type":324,"content":699},[700],{"type":327,"content":701},[702],{"text":703,"type":332},"Get in touch to get help from our friendly support team.","Submit","Success!","Your email has been received. We'll get back to you as soon as we can, but it might take a business day. If you don't hear back from us in a timely manner, please check your spam folder to ensure our reply didn't go there.",-80,[],"2fd9fb7d-a48a-4184-acfd-30022d8d6f08","2022-09-23T20:10:45.360Z",[],[288,713,739],{"name":714,"created_at":715,"published_at":716,"updated_at":717,"id":718,"uuid":719,"content":720,"slug":733,"full_slug":734,"sort_by_date":59,"position":735,"tag_list":736,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":737,"first_published_at":716,"release_id":59,"lang":65,"path":59,"alternates":738,"default_full_slug":59,"translated_slugs":59},"Cart","2026-06-30T21:44:38.509Z","2026-06-30T21:52:06.971Z","2026-06-30T21:52:06.998Z",193193076819032,"d9dfda0a-e048-42b5-aafd-62e2b42fd938",{"_uid":721,"icon":13,"name":714,"type":722,"pinned":24,"summary":723,"category":13,"component":297,"blog_posts":724,"icon_custom":725,"case_studies":727,"faq_sections":728,"featured_guides":729,"mailbox_category":13,"featured_articles":730,"featured_blog_posts":731,"featured_case_studies":732},"8a24659e-940a-4097-878e-0310179ef9aa","simple","How the cart works, configuration options, customizations, and advanced integrations.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":726},{},[],[],[],[],[],[],"cart","help\u002Fcategories\u002Fcart",-430,[],"3a76f1bc-b39c-488b-b092-663996df4ce1",[],{"name":740,"created_at":741,"published_at":742,"updated_at":743,"id":744,"uuid":500,"content":745,"slug":757,"full_slug":758,"sort_by_date":59,"position":759,"tag_list":760,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":761,"first_published_at":742,"release_id":59,"lang":65,"path":59,"alternates":762,"default_full_slug":59,"translated_slugs":59},"Customize The Cart","2026-06-30T21:47:01.392Z","2026-06-30T21:52:06.192Z","2026-06-30T21:52:06.206Z",193193662080091,{"_uid":746,"icon":13,"name":740,"type":722,"pinned":24,"summary":747,"category":719,"component":297,"blog_posts":748,"icon_custom":749,"case_studies":751,"faq_sections":752,"featured_guides":753,"mailbox_category":13,"featured_articles":754,"featured_blog_posts":755,"featured_case_studies":756},"cbcb0710-2155-4852-a1e1-b729eb7d117e","Customize the appearance and display of the cart.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":750},{},[],[],[],[],[],[],"customize-the-cart","help\u002Fcategories\u002Fcustomize-the-cart",-460,[],"c5058a57-2cf9-40fb-864b-454ba0f2bb89",[],{},1782943014666]