Placeholder in Forms (CSS) -> fields besides each other ?

[CRM-Hero]

Hello again,

Placeholder works very fine. And also CSS for width adjustments:

Code: Select all

.ph-form-group-vat_1,
.ph-form-group-company {
    width: 50%;
}

• BUT how to place the fields besides each other ?

In my case the fields are listed one below each other. Refer to Display of form fields with placeholder-CSS

Have experimented with {float: left ...} but it does not work.

Thanks Roland

[Benno]

Hi,
try to switch to Joomla! default template Cassiopeia for testing to see if your frontend template is causing the problem.
With Cassiopeia for me it works as expected:



Kind regards,
Benno

[CRM-Hero]

Hello Benno,

first time switching to Cassiopeia: it worked (side by side). Back to my template; then 2nd+3rd time switch to Cassiopeia did not work anymore.
Anyway the template seems the source of this behaviour. I am using JoomShaper Helix Ultimate+PageBuilder as default for all pages.

Any idea if that could be fixed with CSS ?

Thanks Roland

try to switch to Joomla! default template Cassiopeia for testing to see if your frontend template is causing the problem.
With Cassiopeia it works for me as expected:

[Benno]

Hi,

then 2nd+3rd time switch to Cassiopeia did not work anymore.

Cache?

Any idea if that could be fixed with CSS ?

Sorry, no idea.. I don't use Helix, perhaps Jan do??

If not, you should contact the Helix developers and ask them, why Helix templates behave different from Joomla! 4+5 standard template Cassiopeia.

Kind regards,
Benno

[Jan]

Hi, not sure if Helix standardly renders its CSS before custom.css. So it is possible, that the CSS classes you wrote are overwritten by some another Helix CSS. Where did you make the changes, in custom.css? If yes, is this custom.css loaded as last on your site?

Jan