Color change for Add to Cart pop up form

Trying to change this add to cart pop up form but can't seem to find where to change 

1) background color of this form

2) button background color (there's a very fainted button say add to cart or cancel at the bottom of the form)

Please see the current color scheme here: https://imgur.com/FdCTXtl
My website: happyearthfarm.org

Thanks.

Comments

  • Hello,
    You can change the colors of the form in the Theme Options > Colors > Forms
    Please tell me, do you use any third-party plugin for that form? I do not remember that kind of form in woocommerce.

    thanks
  • Hi Pablo, 

    I don't use any third party plugin for the form. I have changed the color under Theme Options > Colors > Forms but the background and button on the the form is still the same. 

    What should I do next?

    Thanks,


  • Update:
    I played around a bit and somehow it got changed to this... https://imgur.com/KbNtCrM

    I didn't change the color>form but mostly played around with color setting under action bar, content and shortcodes.

    I'm still not sure how it got changed and still looking for solutions to make the "add to cart" and "cancel" buttons show up in the same color. 

    Any chance you know how to do this? 
  • I cannot agree, the form which you are using is made with some kind of "SWAL" plugin which I recognized as a "Sweet Alert Contact Form" which is not supported by us, so we cannot help with it at all.

    You can find the list of supported plugin on this page, in the sidebar:
    https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048
    thanks
  • edited September 2020
    I don't have Sweet Alert Contact Form installed on my website. So, I am also not sure where it comes from.

    But from what I know is when I change the theme color under theme option>color>content the text "Add to Cart" becomes more visible. 

    I also chnaged the transparency of the form. 
    See below image for text color before the change as compared to the picture in my previous comment. 

    https://i.imgur.com/Og6OXvB.jpg

    But I don't know how to change the button color for add to cart and cancel form.

    Still very confused how it was changed. I checked the color code setting for all the buttons under theme options but non actually have the same color code of the current button. 



  • Else, I'm also happy to remove this form. I just don't know where to remove it. ><! Could you let me know how to remove this and allow guest purchase? 
  • Did somebody make that website before you? Probably he changed something in the source code of the theme and woocommerce plugin, that's why it appear.

    We do not quite know where to change that, because it does not come with the basic woocommerce package, it looks like the code was modified (if you do not have any plugin installed).

    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.