How to change the PineRaffle widget text color?

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 may not display 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. We plan to address this issue 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.

Refer to the GIF file above for a visual guide on 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; }

The CSS script includes the class and location details of various components of the PineRaffle widget. Directing Shopify to change the font color.

The color #333333 denotes the color black. If you want to update to any other color, please feel free to pick any HEX you prefer from Google HEX color picker

Refer to the GIF file above for a visual guide on Step 2.