Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

woocommerce checkout page forms border color

Find Answers and Get Support Forums Mandha – Multipurpose WooCommerce Theme Website Setup Forms woocommerce checkout page forms border color

This topic is resolved
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • Riyaz
    Participant
    • 17 Topics
    • 51 Posts
    @riyazn

    Looking for to change the border color of checkout page form table, it pop ups blue default, I am about to change it to custom but not getting where is it

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6435 Posts
    @themodactyl

    Hi Riyaz, 🙂

    To change this, go to Customize > Appearance > Form Controls > Border Color.

    Best,

    Riyaz
    Participant
    • 17 Topics
    • 51 Posts
    @riyazn

    its kind different in my situation please look at this, I have turned to different but still it looks blue

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6435 Posts
    @themodactyl

    Hi Riyaz,

    Is it possible you have Grimlock Dark Mode activated? Then, you need to change that in the Customize > Dark Mode > Appearance > Form Controls > Border Color.

    Let me know if it worked. In case you’re still facing this issue, please send me the credencials in a private reply and I will take a look. 🙂

    Best,

    Riyaz
    Participant
    • 17 Topics
    • 51 Posts
    @riyazn

    I followed the steps you mentioned but I couldn’t find the exact colors there, I tried changing the color but still its blue, I am sending my credentials in my next text, thanks

    Riyaz
    Participant
    • 17 Topics
    • 51 Posts
    @riyazn
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6435 Posts
    @themodactyl

    Hi Riyaz,

    Your color is well set. The green is used when the field is completed correctly. On the other side, the border field is red if not completed correctly. It helps the user complete this form correctly.

    In case you don’t want the green color, simply add the following code snippet to your website:

    /**
    * Feature: Delete Green Color on Border when Completing the Cart Form
    */
    .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select, .woocommerce-page form .form-row.woocommerce-validated input.input-text, .woocommerce-page form .form-row.woocommerce-validated select{
    	border-color:var(--grimlock-control-border-color);
    	border-color:#000000;
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there should do the trick for you.

    Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.

    If you want to go further with the customization of your website, we advise that you require customization work.

    Regards,

    Riyaz
    Participant
    • 17 Topics
    • 51 Posts
    @riyazn

    I understand but how to change the color? I don’t want to delete it, i just need to change color of it to maintain combination to my style,
    Please send css with color code

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6435 Posts
    @themodactyl

    Hi Riyaz, I added a line in the snippet to show you how to do it. You can see two lines with “border-color”. You can either use the variable, or set your own color. Note that you just need to user one, don’t copy-paste the two border-color in your CSS.

    Best,

Roboraptor 🦖
Themosaurus Topic Closer

Hi there,

This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!

Best regards,
The Themosaurus team.

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘woocommerce checkout page forms border color’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site