Custom CSS in TapGoods Storefront
What Is Custom CSS?
Custom CSS allows you to make advanced visual customizations to your TapGoods Storefront beyond themes and built-in settings.
It gives you control over how your Storefront looks — not how it functions.
Most TapGoods clients do not write CSS themselves. Instead, they typically hire a designer or developer (often via Fiverr or Upwork) to create these custom styles.
Why Use Custom CSS?
TapGoods themes are designed to look great out of the box. Custom CSS is ideal if you want to:
- Match your Storefront more closely to your brand
- Refine layouts, spacing, or image sizing
- Make visual adjustments not available in standard settings
- Create a more polished, custom website experience
Custom CSS is optional, but powerful for design-focused businesses.
What Custom CSS Can (and Can’t) Do
What Custom CSS Can Do
- Change the visual layout and spacing of elements
- Adjust image sizes, text styles, and colors
- Customize how products, categories, and buttons appear
- Improve the visual experience across desktop and mobile
What Custom CSS Does Not Do
- Add new features
- Change Storefront functionality
- Affect inventory, pricing, or checkout logic
Custom CSS is visual only.
Do I Need to Know CSS?
No.
Most clients:
- Decide what they want to change visually
- Hire a designer or developer
- Paste the provided CSS into TapGoods
You don’t need technical knowledge — just a clear idea of what you want your Storefront to look like.
Where Do I Add Custom CSS?
In TapGoods PRO, navigate to:
From there, you can paste in CSS provided by your designer and preview changes before publishing.
Should I Use Custom CSS?
Custom CSS is a good fit if you:
- Want more control over how your Storefront looks
- Need to resize images, categories, or spacing
- Care about brand consistency and visual polish
- Are comfortable hiring a designer or developer
You probably don’t need Custom CSS if you:
- Like your Storefront theme as-is
- Only need standard theme or page settings
- Don’t plan to make custom design changes
Bottom line:
If you want visual tweaks beyond themes, Custom CSS gives you flexibility. If not, your Storefront will still look great without it.
What You Can Do With Custom CSS
This section provides practical examples of what Custom CSS can be used for in TapGoods Storefront.
This is not a how-to guide.
Custom CSS should be implemented by a designer or developer.
Layout & Spacing
- Change the layout of pages, including rows and columns
- Adjust spacing between sections
- Reorder sections on a page
- Make sections wider or more compact
- Hide sections or elements (without deleting them)
- Resize your logo
Images
- Make images larger or smaller
- Control how images fit or crop within their space
Text
- Change font sizes and colors
- Adjust text alignment and spacing for readability
Colors & Styling
- Change background colors
- Customize colors for icons, borders, and visual elements
Buttons & Links
- Change button size, shape, or spacing
- Customize hover effects
- Style navigation links
Shop & Inventory Display
- Change how many items appear per row
- Make item cards larger
- Customize item appearance (borders, shadows, backgrounds)
- Style item names, pricing, and labels
Forms
- Customize form fields, dropdowns, and labels
- Adjust spacing between form elements
Mobile & Desktop Views
- Fine-tune how elements appear on mobile vs desktop
- Resize or hide elements on smaller screens
Real Examples
You can see Custom CSS in action by comparing these live demos:
With Custom CSS:
https://wow-productions-sj.tapgoods.com/home
Without Custom CSS:
https://wow-productions-la.tapgoods.com/home
These examples demonstrate how Custom CSS can enhance layout, spacing, image sizing, and overall polish — without changing Storefront functionality.
Final Notes
Custom CSS gives you design flexibility without platform complexity.
You don’t need to know how to code — you just need to know what you want to change visually. If you can describe it, a designer can build it.