Page 1 of 1
Cart/Warenkorb layout issue - input fields not in one line
Posted: 10 Dec 2021, 18:13
by 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?
Re: Cart/Warenkorb layout issue - input fields not in one line
Posted: 10 Dec 2021, 23:52
by 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)
Re: Cart/Warenkorb layout issue - input fields not in one line
Posted: 11 Dec 2021, 13:13
by 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
Re: Cart/Warenkorb layout issue - input fields not in one line
Posted: 13 Dec 2021, 09:38
by 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?
Re: Cart/Warenkorb layout issue - input fields not in one line
Posted: 13 Dec 2021, 23:45
by 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