Why are the variant sections in my new store appearing blank?

Technical Q&A
1

I’m setting up a new store, and I noticed that the boxes where you pick the variants are simply plan, instead of displaying “pick your x.”

See this page for an example of what I mean:

https://felinepalace.com/products/calming-cat-nest

The size, color, and interior fabric variant categories are all blanks.

What might be going wrong here?

2

Hello,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.css paste bellow code in bottom of file
.product-form select {
    color: #3a3a3a;
}

Thanks

2 Likes
3

Thanks! This brought back the categories, but the little selector arrow on the right side of the box is not there. I’ve attached a screenshot of what I mean.

F33E46C5-E5C1-448D-BF7C-973450EA7434.jpeg
F33E46C5-E5C1-448D-BF7C-973450EA7434.jpeg1346×707 32.9 KB

1 Like
4

And here’s a picture of an example of the arrows I’m talking about:

ED9664E7-8664-4F47-9DF7-6BF3CD5E68C9.jpeg
ED9664E7-8664-4F47-9DF7-6BF3CD5E68C9.jpeg425×120 3.77 KB

5

Replace previous css with this one

.product-form select {
    color: #3a3a3a;
    background-image: url(data:image/svg+xml;utf8,);
}

Note: The icon you show in screen-shot is for input quantity not for select box.

Thanks

1 Like
6

Hi Guleria. I updated this code as you suggested, but the arrow is still not showing up on my drop down menus. Any suggestions?