{"title":"Custom CSS \u0026 Code Changes","description":"\u003cp\u003eCustom CSS \u0026amp; Code Changes work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 328 custom css \u0026amp; code changes requests for merchants, including work on Symmetry, Turbo and Empire. Below are 5 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"migrate-custom-code-to-new-theme-version-symmetry","title":"Migrate Custom Code to New Theme Version","description":"\u003cp class=\"task-lead\"\u003eA specialty foods brand needed years of custom code moved from an old theme version to the current one.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe need to update the theme. Downloading the new version isn't the problem. Transferring all the custom modifications and keeping the current page structure is. We don't want to lose any of it.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe brand's theme was several versions behind and heavily customized. A clean update would have erased the work.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe inventoried every customization on the old theme, installed the new version on a duplicate, and recreated each customization on the new structure. Anything the new theme now handled natively was dropped to reduce future maintenance.\u003c\/p\u003e\u003cp\u003eThe brand signed off on the duplicate before publish.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eComplete inventory of existing customizations\u003c\/li\u003e\n\u003cli\u003eEach customization recreated on the new theme version\u003c\/li\u003e\n\u003cli\u003eRedundant customizations retired\u003c\/li\u003e\n\u003cli\u003eMerchant review and sign-off before publish\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154832093258,"sku":"TASK-0025","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"apply-custom-css-snippet-turbo","title":"Apply Custom CSS Snippet","description":"\u003cp class=\"task-lead\"\u003eAn apparel brand's image-with-text sections weren't resizing properly on mobile. The background image stretched and the text went off screen.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eImages with text overlay, like the slider, aren't resizing properly on mobile. The background goes to the wrong size and the text runs off the edge. Screenshots attached.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA theme-wide layout issue affecting every image-with-text section, not just one.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe corrected how those sections size on mobile so the background image fills the container and text stays within bounds. The fix applied to every section of that type across the site.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eImage-with-text sections resize correctly on mobile\u003c\/li\u003e\n\u003cli\u003eText contained within the section\u003c\/li\u003e\n\u003cli\u003eApplied to every instance across the site\u003c\/li\u003e\n\u003cli\u003eDesktop unchanged\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155512291402,"sku":"TASK-0092","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"fix-errors-after-app-removal-and-cleanup-symmetry","title":"Fix Errors After App Removal and Cleanup","description":"\u003cp class=\"task-lead\"\u003eA retailer was banned from advertising on Google because of problematic code their theme developer found. They needed it removed.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI've been banned from Google advertising. The theme developer found some awful custom code that's causing it. I need it removed and the site cleaned up.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eBad code with real business consequences.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe removed the problematic code, checked the rest of the theme for anything similar, and confirmed the store passed Google's checks so the retailer could appeal the ban.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eProblematic code removed\u003c\/li\u003e\n\u003cli\u003eFull theme scan for similar issues\u003c\/li\u003e\n\u003cli\u003eStore verified clean for Google's review\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155687043146,"sku":"TASK-0219","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"pixel-and-tracking-script-install-symmetry","title":"Pixel and Tracking Script Install","description":"\u003cp class=\"task-lead\"\u003eA retailer's custom SKU and barcode display on the product page didn't update when the variant changed.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI inserted custom code to display the SKU and barcode on the product page. It doesn't change when the variant changes. It always shows the first variant's.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA display stuck on the default.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the SKU and barcode display variant-aware so it updates the moment a customer changes their selection.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSKU updates on variant change\u003c\/li\u003e\n\u003cli\u003eBarcode updates on variant change\u003c\/li\u003e\n\u003cli\u003eConsistent in quick view\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155713683530,"sku":"TASK-0436","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"custom-liquid-and-template-edit-empire","title":"Custom Liquid and Template Edit","description":"\u003cp class=\"task-lead\"\u003eA brand wanted the image-with-text section's column split adjustable instead of fixed at half and half.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI need the image and text position adjustable. Currently the columns are split fifty-fifty. I want to set the image wider or narrower per section.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA fixed ratio that didn't suit every image.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a column ratio setting to the image-with-text section so each instance can set the image width, with the text column filling the rest.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAdjustable column ratio\u003c\/li\u003e\n\u003cli\u003eSet per section in the theme editor\u003c\/li\u003e\n\u003cli\u003eStacks on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155715551306,"sku":"TASK-0437","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/custom-css-code-changes.oembed","provider":"TaskHusky","version":"1.0","type":"link"}