Cart/Warenkorb layout issue - input fields not in one line

[MAXambient]

Sorry for asking, as my CSS knowledge is poor and it might be a simple thing to change, but is there a way to make the Cart Module layout different?
If you look here: https://www.lectrosonics.de/index.php/p ... n/checkout the input fields are not in one vertical line.
Is there a way to have them better ordered?
Or can I hate the description of the field under the field?

[AlainR]

It’s because of the template. There is a conflict between 2 CSS rules of the shaper_helixultimate template: (/templates/shaper_helixultimate/css/bootstrap.min.css and/templates/shaper_helixultimate/css/template.css)

[christine]

@AlainR
thank you for your investigation!
tried following (temporary), found under template.css:

either

Code: Select all

.form-horizontal .control-label {
    float: left;
    width: auto;
    padding-top: 5px;
    padding-right: 5px;
    text-align: left;
}

deleted: width

or

Or can I hate the description of the field under the field?

.form-horizontal .control-label {
width: 100%;
}
changed the width

maybe to put in a customs.css?
As I'm not using helix, don't know it, therefore just an idea.

regards, christine

[MAXambient]

Wow, cool, No.2 worked and solved the problem.

Many thanks.

As Bootstrap and Helix seems to have some "Crashing" problems, might it be usefull to change settings in Phoca Cart?

I have the following:
Theme: Bootstrap 4
Icon Type: Bootstrap
Load Main CSS: YES
Load Special CSS: NO
Load RTL CSS: NO
Load Bootstrap: NO
Load Chosen: NO

Helix is having problems with Tab Handling of Procucts, so this might be a reason?

[Jan]

Hi, hard to say, this can be some conflict between new Bootstrap and Joomla old Bootstrap. This should be definifively solved in Joomla 4 where all (Joomla core and Templates) will use one Bootstrap version - Bootstrap 5

Jan