Possible CSS issue

[nzrunner]

I have used a Bootstrap template with PhocaCart.

As you can see from the image below, it looks as though some CSS may have been placed in the Phoca Duka template, that should have been in the Phoca Cart component.

https://u10140146.dl.dropboxusercontent ... _wrong.png

The Compare button sits too high, and you cannot click the "Add to Cart" or "View Product" buttons.

I have tried the same thing using the Phoca Duka template, and the buttons align perfectly.

Is it possible that some CSS got added to the template rather than to the PhocaCart extension?

[Jan]

Hi, no, I get the same problem only in case, the bootstrap 3 is not loaded. So if I test this with template which does not load bootstrap 3, I get the same problem, when I test it in template which does not load bootstrap 3 but the bootstrap 3 is loaded e.g. by the component, then everything is Ok. The problem is, if you look at the html source code, all the buttons have the same html and css - all are just floated bu the last is always moved to top (no matter which type of icon) I will try to take a look at it in more details, but maybe this somehow is related to box model really hard to say
I will do more tests.

Jan

[Jan]

Hi, it was caused by bootstrap 2 library:

Code: Select all

form {
	margin: 0 0 18px;
}

Now, it should be OK in version 3.0.0 RC9.2
https://www.phoca.cz/download/category/ ... -component

Jan