Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore: Customizing color for input fields on checkout page

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore: Customizing color for input fields on checkout page

Tagged: braintree, checkout, css, customization

  • This topic has 4 replies, 2 voices, and was last updated 8 years, 5 months ago by lesatownsend.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 24, 2014 at 10:35 pm #11512
    lesatownsend
    Member

    Hi,

    I’m installing eStore and the Braintree gateway add-on on a client’s site.

    Her theme is coded to use white as the default text color (I wasn’t the designer). As a result, entering information in the checkout/payment page is difficult because the text is white on a white background.

    I tried using firebug to find the appropriate css and wasn’t successful. Searching the forum didn’t turn up a usable answer either, although you helped me with a similar issue with eMember for a different client. I’m hoping you can point me to the correct custom css to add. The website is [http://outrageouslyblissful.com]

    Also, I can’t seem to get the Braintree gateway to work unless I have the multiple payment gateways option enabled. Without that enabled, it directs to paypal even without the paypal option enabled. (There isn’t a caching plugin installed).

    Thanks for your help here.

    September 25, 2014 at 12:41 am #65653
    wpCommerce
    Moderator

    Hi, Do you have a page where I can add a product to the cart and test the checkout?

    September 25, 2014 at 4:50 pm #65654
    lesatownsend
    Member

    [http://outrageouslyblissful.com/transformational-products/]

    September 26, 2014 at 1:39 am #65655
    wpCommerce
    Moderator

    Thanks. Please do these steps:

    1) Install our Custom CSS plugin: https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    2) Add the following piece of CSS code:

    #estore_braintree_order_form_content input[type=text]
    {
    color: black
    }

    September 26, 2014 at 5:54 pm #65656
    lesatownsend
    Member

    That code worked, thanks.

    I didn’t need the css plugin as the theme has an option for adding custom CSS. I just added it there and it worked beautifully.

    Thanks for your support.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ