Rooms Divi Plugins coupon code cutting off, change coupon to discount

Viewing 3 reply threads
    • #1779
      Maureen Biologist
      Participant
        @maureen
        Up
        0
        Down
        ::

        I am using Woocommerce for my Learndash course + Divi theme and have 2 issues. I think this may involve code to resolve so I’d love some help with it, please > https://scottwalkercoaching.com/

        • On my Cart page cuts off the word Code when viewed on mobile. How do I format the Cart page? Or do I need a plugin? If so, which are recommended? Free is better!
        • How do I replace all mentions of the word ‘Coupon’ with ‘Discount’?
        Attachments:
      • #1781
        Mark Ateer
        Participant
          @mark
          Up
          1
          Down
          ::

          Css.

          And use something like loco translate to change just that term.

        • #1782
          Terry Hale
          Keymaster
            @mizagorn
            Up
            1
            Down
            ::

            Sharing a URL always help us help you better, if at all possible.

          • #1784
            Terry Hale
            Keymaster
              @mizagorn
              Up
              2
              Down
              ::

              You can reduce the padding on the coupon code field. If that’s not enough, you’ll need to also reduce the font size.

              .woocommerce-cart table.cart td.actions .coupon #coupon_code.input-text {
                padding: 6px 4px;
                font-size: 18px !important; /* if needed... */
              }

              The best no-plugin way to change text is with jQuery (JavaScript). Sometimes it not easy to understand, but it is so much better for your site.
              Add this to a code module on your cart page (or if you need to, add it to Theme Options -> Integrations in the head area).

              <script>
              (function($) { $(document).ready(function() {
                $('#coupon_code').attr('placeholder', 'Discount code');
                $('.coupon .button').prop("value", "Apply discount");
                $('.coupon .button').html("Apply discount");
              }); })(jQuery);
              </script>
              • #1785
                Maureen Biologist
                Participant
                  @maureen
                  Up
                  1
                  Down
                  ::

                  @mizagorn This is awesome. I’ve not done this before but I’m sure I can figure this out. I’m back at my laptop at the weekend to give it a go 👍

                • #2198
                  Maureen Biologist
                  Participant
                    @maureen
                    Up
                    0
                    Down
                    ::

                    @mizagorn I have finally got around this, it worked well. I just wanted to say a big thank you 😃🙏

              Viewing 3 reply threads
              • You must be logged in to reply to this topic.