Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 15, 2024 at 8:01 pm #1437340
    Illingco

    Hello. What CSS would I use the make the width of the “Apply coupon” cart button smaller? THanks.

    March 16, 2024 at 4:53 pm #1437372
    Rikard

    Hey Illingco,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    March 16, 2024 at 8:34 pm #1437385
    Illingco

    Sure it is the cart as listed below…

    March 17, 2024 at 11:01 am #1437397
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    
.coupon button {
  min-width: 100px;
  width: 100px;
}

    Best regards,
    Rikard

    March 18, 2024 at 4:23 pm #1437490
    Illingco

    Unfortunately that does not work and does not produce a smaller button width. Actually I combined your solution with my previous attempt, and this seems to work:

    .woocommerce button.button[name=”apply_coupon”] {
    min-width: 60px !important;
    width: 120px !important;
    }

    • This reply was modified 9 months, 1 week ago by Illingco.
    March 18, 2024 at 5:41 pm #1437502
    Rikard

    Hi,

    Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    March 18, 2024 at 5:42 pm #1437504
    Illingco

    You can close this thanks.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Apply coupon cart button width’ is closed to new replies.