[SOLVED] Problems with Bootstrap CSS

This is the second issue I've run across with Bootstrap and CB Subs CSS. The first one happens to the registration buttons. They are truncated and don't allow input. I fixed it using CSS one way and the template designer has a fix here: www.joomfx.com/support/discussion/1284/quickstart-not-working-properly#Item_37

But this is with the membership templates. The rounded templates are borked unless you change this CSS:

.cb_template * {
box-sizing: border-box;
}

If you delete box-sizing (by putting the CSS into a Gantry-type override file) the template is normal.

See screenshots for before and after.

Mark

It's a known issue the box sizing breaks the rounded template display. There are plans to redo the rounded template usage to use Boostrap panel styling so it's fully responsive and issues like this won't happen. Do not change the box sizing globally or you will break all of bootstraps styling. Instead add the below to the bottom of you Joomla template CSS file to specifically fix CBSubs.


This has already been reported below.

www.joomlapolis.com/forum/255-developer-members-support/227981-solved-cbsubs-rounded-template-not-working#256410

Thank you.