“Variant” sections are blank

jpve76
Tourist
4 0 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?

0 Likes
Guleria
Shopify Partner
1361 278 384

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
jpve76
Tourist
4 0 1

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

jpve76
Tourist
4 0 1

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

 

ED9664E7-8664-4F47-9DF7-6BF3CD5E68C9.jpeg

0 Likes
Guleria
Shopify Partner
1361 278 384

Replace previous css with this one

.product-form select {
    color: #3a3a3a;
    background-image: url(data&colon;image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>);
}

 

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

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
jpve76
Tourist
4 0 1

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

0 Likes