Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

border on chekout

    • 5 years, 8 months ago kreattivamente
      Participant

      Hi
      I wanted to insert a border in the checkout form
      how can I do?
      thanks

    • 5 years, 8 months ago Mirela
      Participant

      Hello,

      You can use custom css for this. This is personal customization, normally not included in support. However I can give you a hint, just send us a link of the site.

      Best regards!

    • 5 years, 8 months ago kreattivamente
      Participant
      This reply has been marked as private.
    • 5 years, 8 months ago Mirela
      Participant

      Hello,

      First, try deactivating the Autoptimize cache plugin. I suspect it is affecting the css. Then add this code into your Custom Css box:

      table.cart td.actions .coupon #coupon_code, .woocommerce input, {
         border-color: #d8d3d3!important;
      }

      Let me know how it goes.
      Best regards!

    • 5 years, 8 months ago kreattivamente
      Participant
      This reply has been marked as private.
    • 5 years, 8 months ago Mirela
      Participant

      Hello,

      Add some wp credentials in a private reply. So I can check it out close.
      Also, add a screenshot of where you want the border to be, so I can understand correctly.

      Best regards!

    • 5 years, 8 months ago kreattivamente
      Participant
      This reply has been marked as private.
    • 5 years, 8 months ago Mirela
      Participant

      Hello,

      The border color was set up to white in theme settings. I changed it currently to light gray. Change it to your wish in Customize > Styling > General > Border Accent Color (screenshot)

      Please check your site.

      Best regards!

    • 5 years, 8 months ago Mirela
      Participant

      NOTE:
      In case you want to remove the dotted underline in the “required fields” in Checkout page, add this code in Customize > General > Custom Codes > Custom css:

      .woocommerce form .form-row .required {
          text-decoration: none !important;
      }

      And this:

      .woocommerce form .form-row .select2-container {
          width: 96% !important;
      }

      For the input box width of the ‘province’ option in Checkout.

      Best regards!

    • 5 years, 8 months ago kreattivamente
      Participant

      ok! thank you so much
      I didn’t have the colors change in the settings … I don’t know why it happened.
      anyway thanks
      I have a wocommerce message that says
      Your theme (June) contains obsolete copies of some WooCommerce model files. You may need to update these files to ensure compatibility with the current version of WooCommerce. Correction Tips:

      Update your theme to the latest version. If no update is available, contact the author of the topic asking for information on compatibility with the current version of WooCommerce.
      If you copied a template file to edit something, then you will need to copy the new version of the model and reapply the changes.

      what do I do?

    • 5 years, 8 months ago Mirela
      Participant

      Hello,

      Please refer to this article about it: https://support.codeless.co/?ht_kb=outdated-woocommerce-files-in-theme

      Best regards!

Viewing 10 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password