Helix Template: I can't see the numbers to increase quantity - Forum | JoomShaper
Staff replied Helix Framework

Helix Template: I can't see the numbers to increase quantity

Asked by Martin Svejda 4 years ago Last activity 4 years ago

Dear Joomshaper-Team,

I can't see on my page with the shop the numbers, that show how many items one wants to order. HIKA-SHOP tried to solve it, but they said, since bootstrap is turned off for they module, it must be in the template.
Please see in the picture the problem and which part in the code I managed to (temporarily) tick off to get it a bit better. Your help is greatly appreciated.

Have a great day,
Kind regards
Martin

5 replies

Toufiq Senior Staff

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Add this css code inside the custom.css file.

input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

-Thanks

Martin Svejda Asked this

Thanks a lot Toufiq!!!

Yes, Joomshaper and Helix still have quite some bugs, BUT the support you give is what we kinda expect as customers, but not every company fulfills it!!!
No need to reply, just take this as a compliment for you and your team! THANK YOU!
Cheers

Martin Svejda Asked this

Hi Toufiq,

Thanks, I will take part in the above site about SP Page Builder.

But now that I am back at my project, your suggestion helped, I can see the numbers 1 - 9, but all above is covered, see image?!?

Can you please help (again...) :-)

Thanks a lot!!!
Cheers

Toufiq Senior Staff

Remove the previous code and add this css code

input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    display: block;
    width: 100%;
    padding: 2px;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
Log in to reply.