hello
I wanted display some specific plan (with standard CBsubs template) in multiple columns and for do that I used the follow CSS:
Code:
/* Split products plans in multiple columns */
#cbregProduct_8, #cbregProduct_7, #cbregProduct_9, #cbregProduct_10 {
margin-bottom: 6px;
float: left;
clear: none;
width: 20%;
cursor: default;
margin-right: 27px;
}
I'm satisfy of the result, however due to the fact I set a width of 20% for allow me to split plans, all checkbox who allow to choose products are now too small. This issue happen only in Chrome and Safari (not tested in IE) but all is ok with FF.
Have you a trick you permit to correct that please?
Is annoying because users can't well see the checkbox especially if is already checked or not and this can make confusion during order process. They can put unwanted product in the Cart without to see is necessary to uncheck the product.
Ideally I would like increase size of all default radio box and checkbox plan because even in normal condition, at my opinion they are too small.
I make some search and it seem radio/checkbox can not be well styled using CSS (by increasing for example the size) because their appearance are browser dependent. So if a checkbox can be more bigger with specific browser, his size will not change in others browser.
Nevertheless is strange to get this problem..
Other question:
I wondering if alternatively it was possible to add a button "Choose this plan" inside the plan itself, instead to first tick the radio or checkbox and then, click on the "Upgrade" button. In fact when a plan was already bough, the button "Renew or Re-activate" is present in the plan. At my opinion is more clear to proceed like that (same system of E-Commerce with the Add to Cart button) but Cbsubs don't use a Cart system.
thank
PS: I use Boostrap template and all plan inherit some style because I output the Sub tab inside a Joomla article.