Shortcode Paramaters not allowing custom CSS

I prefer the WP Shopify plugin (shortcode) vs the generated code (snippet) from Shopify, because the script slows down page load time. However, the shortcode is not as customizable as the snippet when it comes to the following parameters:

• image_size=”value”: Set the size of the product image. Value can be small, medium, large, or grande
• style=”value”: Set the presentation style of the embedded product. Value can be simple, or centered.
• destination=”value”: Set the destination for the link and Buy Now button. Value can be checkout, cart, or product (Note: to use the product destination, you must have a full Shopify store, as included in the Basic Shopify plan).
• button_text=”value”: Set the label for the Buy Now button. Value can be any text, for example Buy Me!.
• border_padding=”value”: Set the spacing inside the border (for example, the spacing between the border and the product image). Value can in pixels or ems, for example 16px or 1em.
• text_color=”value”: Set the text color for the product name and details. Values can be in Hexadecimal, RGB, or RGBA. For example, for the color Black, use #000000, or RGB(0, 0, 0), or RGBA(0, 0, 0, 1).
• background_color=”value”: Set the background color. Values can be in Hexadecimal, RGB, or RGBA.
• border_color=”value”: Set the border color. Values can be in Hexadecimal, RGB, or RGBA.
• button_background=”value”: Set the background color for the button. Values can be in Hexadecimal, RGB, or RGBA.
• button_text_color=”value”: Set the text color for the button. Values can be in Hexadecimal, RGB, or RGBA.

The CSS on the modal popup is inheriting my themes CSS, and also pulls from assets coming from Shopfiy widget css.

My quantity numbers are white and my content is white. I tried to use !important and add my own CSS in a child theme with no fix.

I also tried to edit the plugin assests as well.

Here is a link Front page

• This topic was modified 9 years, 7 months ago by Gabriel.