Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #965634
Product
Closed

Comments

  • Alexander started the conversation
    November 23, 2016 at 7:16pm

    Hi Arlind.

    I have WooCommerce Subscription extension installed and its a problem with the variable box on the product page.

    First if you go to a normal variable product, with no subscription it looks great. See this picture: http://imgur.com/B9TAYjz

    But when you go to a subscription variable product it dont looks great. See this picture:  http://imgur.com/eu0dBiN

    You helpt me so good early so i think you can made this too.

    Thanks!

    www.mysnaxbox.com

    www.mysnaxbox.com/boxar/snaxboxen/

    www.mysnaxbox.com/boxar/presentbox/

    {"wp":{"use":false,"adminUrl":"www.mysnaxbox.com/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

  • [deleted] replied
    November 24, 2016 at 1:57pm

    Hi Alexander,

    Thanks for your clarification of problem, it helped me understand it.

    Can you please add this CSS:

    table.variations .label,
table.variations .value {
    display: block;
    width: 100%;
}
table.variations .label {
    text-transform: none !important;
    font-family: "glober-bold" !important;
    color: #333 !important;
}
table.variations .value {
    padding-top: 0 !important;
}
table.variations .value select {
    width: 100%;
    font-family: 'Glober-SemiBold-Free', Helvetica, Arial;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #EEE;
    font-weight: 300;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
  
}

    It should look like this:


    (view large version)

  • Alexander replied
    November 24, 2016 at 4:03pm

    Hi!

    Thanks, it worked. Thanks a lot.

    Have a great day.

  • [deleted] replied
    November 25, 2016 at 12:10pm

    Hi Alexander,

    Awesome! I am glad to hear that.

    Enjoy the weekend.