Checkout field label obscures entered text
Posted: 19 Sep 2023, 16:53
Hi
I am now using the template you created for the shoping cart area of the site. And it works a lot better. Though I now loose some fluidity between this and other template.
My issue is in checkout and custom fields which go after the billing address.
I see when you start to enter details the label does a small animation to get out of the way. I don't find it quite enough.
The template I am using is the nature one. I liked the fashion one but it was alas for j3.
Anyway my front end css is a little perplexed by the selectors in the fields case as I tried the following and it didn't work.
As you have the template maybe this is something you might fix? Or please can you help me fix it by overriding some style.
I am almost at the point now where I can get started. As you may have seen I had quite a few questions today. Sry. and a big thank you.
I am now using the template you created for the shoping cart area of the site. And it works a lot better. Though I now loose some fluidity between this and other template.
My issue is in checkout and custom fields which go after the billing address.
I see when you start to enter details the label does a small animation to get out of the way. I don't find it quite enough.
The template I am using is the nature one. I liked the fashion one but it was alas for j3.
Anyway my front end css is a little perplexed by the selectors in the fields case as I tried the following and it didn't work.
Code: Select all
.ph-form-input-box select ~ label, .ph-form-input-box input.form-control:focus ~ label, .ph-form-input-box input.form-control:not([value='']) ~ label{
top:-15px;}I am almost at the point now where I can get started. As you may have seen I had quite a few questions today. Sry. and a big thank you.