Page 1 of 1

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

Posted: 06 Oct 2023, 11:50
by 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

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

Posted: 06 Oct 2023, 16:46
by 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:

Image

Kind regards,
Benno

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

Posted: 06 Oct 2023, 18:44
by 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
Benno wrote: 06 Oct 2023, 16:46 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:

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

Posted: 06 Oct 2023, 19:16
by Benno
Hi,
then 2nd+3rd time switch to Cassiopeia did not work anymore.
Cache? :idea:
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. :idea:

Kind regards,
Benno

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

Posted: 10 Oct 2023, 20:28
by 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