Navigation
Archive / coupon code change size and position
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 11, 2017 at 10:14 pm #1367537
    koruailimited
    Participant

    Hi,

    How can I change in the cart the coupon code position and size??

    Thanks

    February 12, 2017 at 4:30 am #1367705
    Christian
    Moderator

    Hey there,

    Though positioning is possible with CSS, that would be outside the scope of our support as it is a bit involved. For the size, please add the code below in your Appearance > Customize > Custom > Global CSS

    .woocommerce .cart .actions>input {
    font-size: 2em;
    padding: 20px 50px;
}

    Thanks.

    February 12, 2017 at 4:59 am #1367722
    koruailimited
    Participant

    this code make the buttons bigger. i don’t want to change the buttons, only reduce the size of the textbox coupon code

    February 12, 2017 at 6:20 am #1367777
    Christian
    Moderator

    Sorry for the confusion. Please add the code below in your Appearance > Customize > Custom > Global CSS

    .woocommerce .cart .actions .coupon {
    width: 78%;
    float: left;
}

.woocommerce .cart .actions .coupon input[type="text"] {
    width: 30% !important;
    float: right;
}

    Thanks.

    February 12, 2017 at 12:39 pm #1368021
    koruailimited
    Participant

    Don’t worry. I understand that you have to reply a lot of message.

    Thank you very much for your help… it’s working perfect!!!

    have a nice day!!

    February 12, 2017 at 7:10 pm #1368326
    Lely
    Moderator

    You’re always welcome!

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1367537 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>