Hi,

The quantity box is not expanding properly and I am not showing any errors in the console or css overrides that I can find.

Hi,

I don't know why you did this, but i am seeing you have changed the CLASS names of quantity PLUS & MINUS element (replaced quantity-controls with quantity-col-sm-10)

Retrieve back your changes (where you ever you see quantity-col-sm-10 class name, replace it with quantity-controls)

Then, open this CSS file:
opensourceliving.org/templates/socialize/html/com_virtuemart/assets/css/flexiblenew3.css

scroll to the bottom, and add this CSS rule:
(the problem was happening because of bootstrap's box-sizing rule that i have explained you earlier in your another topic, but after changing the class names, you actually messed up everything)

The result will be:



regards.

I didn't do this but I think I know where this may have occurred. I will have this resoved.

glad to hear it.

case solved. topic is closed.

regards.

Hi,

I believe this may be a template conflict issue and I am still trying to figure out exactly how to resolve the bootstrap issue. Attached you will see that when the normal joomla protostar is assigned to the menu items that everything reverts back to how is should be but when I utilize my site template that uses Bootstrap3 and the T3 framework, everything changes.

Shouldn't the Gantry template that Clean Mart uses override this? I am trying to figure out the best way to have this resolved ...

I am working with the template developers on figuring out how to revert this for these specific CLASS changes. Any additional thoughts and/or direction would be appreciated for this novice.

getbootstrap.com/css/#grid

Can you please take another look?

Class names are resolved but the expansion is still an issue ...

Hi,

I can't be sure why this might have happened, but the solution is pretty easy.
Open this CSS file: opensourceliving.org/templates/socialize/css/custom.css

and include this CSS rule:
The result will be:


I have also noticed a "products per row" problem on this page: opensourceliving.org/index.php/market (when browsed by Chrome Browser) and i am sure you will ask this once you notice it. But i must say, this has absolutely nothing to with CleanMart, this is your Joomla Tempate's fault, because it defines decimals for percentages and it is cross-browser compatible. The solution is easy;

To solve that problem, to the same custom.css file, include this rule:

Previously it wasbut Chrome browser doesn't like decimals on percentage values, and it rounds 33.33% up to 34%, as a result; 3x34% won't fit to 100%

-Or- another solution (to keep the 33.33% but have the cross-browser compatibility), try this;
regards

Thanks a lot! I have confirmed that this has resolved the issue.

hi,

your welcome.. case solved, topic is closed.

regards