In this guide, we will learn how to change the Font text color for the Pineraffle widget on your Shopify store.
At times, the Pineraffle widget doesn't show the text due to the combination of the store background, theme, and (white) text color. To make the text visible, you would need to change the text color by adding CSS code to your store. Let's see how this is done, in 3 simple steps.
Note: We are actively working on resolving this issue. And plan to fix it in our next release.
Step 1:
Please go to your Store theme customizer and to the theme settings. Once on the theme settings, scroll down to the Custom CSS section and toggle the panel.
Please see the gif file before for a visual cue for Step 1.
Step 2:
Copy and paste the CSS script, which is specifically for the Pineraffle Widget. This will not impact any of the theme components, installed apps, or background.
#pr-widget-container,#pr-prize-info-popup, #pr-entry-status-popup,#pr-learn-more-popup,#pr-participating-products-popup { color: #333333; }
CSS script includes the class/location details of various components of the Pineraffle widge. Directing Shopify to change the font color.
The color : #333333 denotes black color. If you want to update to any other color, please feel free to pick any HEX you prefer from Google HEX color picker
Please see the gif file before for a visual cue for Step 2.