Skip to content
English
Submit a Ticket
  • There are no suggestions because the search field is empty.

Customizing Your Store's Design and CSS: What You Can Do and When to Ask for Help

Many WSM store owners want to fine-tune the look of their site—changing colors, adjusting fonts, aligning images, or making links easier to spot. This article explains the common types of design and CSS requests we help with, what you can adjust yourself, and how to get support when you need it.

Understanding Design Changes in WSM

Your store's appearance is controlled by two main things:

    • CSS files (like style.css), which define colors, fonts, spacing, and layout across your site.
    • Product and content settings in your admin, which control things like product titles, attribute names, and descriptions.

Some changes are simple settings updates you can make yourself. Others involve editing CSS or theme code and may be best handled with help from our team.Common Design Requests

Changing Text Colors and Fonts

Requests like changing the color of sale text or making product titles a smaller font are handled through your site's CSS styling. If you're comfortable editing CSS, you can adjust these values directly in your stylesheet. If not, our support team can make these changes for you.

Adjusting Badges and Sale Displays

Design elements such as discount badges (for example, changing a badge color or moving its placement over a product image) and displaying how much a customer is saving are custom design changes. These often require custom development work.

Note: Displaying a "customer savings" amount typically requires your sale prices to be loaded into your product data first. Custom sale displays may require a quote for design work. Contact support to discuss your needs.

Centering or Aligning Images in Descriptions

If you're adding images to a product description and want them centered or aligned, this is done with HTML and CSS in the description editor. If your own code isn't producing the result you want, send us the page and a description of the desired look, and we can help correct the markup.

Making Links More Visible

If links on a page (such as your checkout page) aren't obviously clickable, they can be styled—for example, adding underlines—through CSS so they stand out to customers.

Fixing Same-Color Text and Backgrounds

Occasionally, form fields (like on a sign-in page) may display text and background in the same color, making it look like nothing is being typed. This is a CSS styling issue our front-end team can correct.

Capitalizing or Formatting Product Attributes

If you want to change how vehicle fitment options or attribute names appear—for example, capitalizing them—you can edit the attribute labels directly in your admin:

    • Log into the WSM Admin panel.
    • Hover over Catalog and click Attributes.
    • Locate the Attribute Group you want to edit.
    • Click the Edit icon to change the label/capitalization.

This updates how the option displays on your storefront.When Design Changes Don't Save (Troubleshooting)

If you try to edit style.css in your admin and receive an error—or your CSS or other assets suddenly stop loading—please note the following:

    • Confirm the issue on your live site. Some errors appear only on production and not on development environments.
    • Check for known outages. Asset-loading problems (such as CSS or images failing to load) can sometimes be caused by third-party service outages outside of your store. When the outside service recovers, your assets should load normally again.
    • Capture the details. If you see an error message or a browser developer console error, take a screenshot. This helps our team diagnose the problem faster.
If the problem persists, open a support ticket with the page URL, a description of what you were doing, and any error screenshots.How to Request a Design Change

When contacting support about a design or CSS change, please include:

    • The exact page URL where the change should appear.
    • A clear description of what you want changed (color, font size, alignment, etc.).
    • A screenshot or reference image showing the desired result, if possible.
The more detail you provide, the faster we can help—and if your request requires custom development, we'll let you know and can set up a quote.

---

Note: Some incoming requests include automated prompts encouraging opt-in to SMS notifications. These are optional communication preferences and are not required to receive design support.

---

Need help? Reach out to the WSM Support Team with your page URL and details, and we'll get your store looking exactly how you want it.