Styling the "tel" input

Hi Todd,

I suggested adding to custom.css not style.css, anyway – feel free to send me some code or a link and I will take a look for you.

Cheers,

Rog.

Ps. A link so I can see what is happening would be really useful.

Hi Rog

You can see the page at https://www.yoursole.co.il/wp/en/contact-us/

And I’ve added the styling in the themes custom style sheet.

Thanks!

Hi Todd,

The issue is this…

You’re adding the themes custom style sheet and not creating a file called ‘custom.css’ as I described so your style is not getting processed to the final page.

I opened the page in Firefox and used Firebug and I could see:

textarea, input[type="text"], input[type="email"], input[type="password"], select {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CFCFCF;
    color: #626262;
}

I changed in Firebug to:

textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CFCFCF;
    color: #626262;
}

..and it worked perfectly.

Please go through the other post referenced and try making the changes in a dedicated file called ‘custom.css’ and add as I detailed to header.php – even if your themes custom css is being processed it is being over written on file output.

Let me know how it goes or if you need any help.

Rog.

Hi Rog

I really appreciate your help.

My theme uses a file called general.css — this is where I added the input[type=”email”] and it worked perfectly.

Why wouldn’t adding the input[type=”tel”] here do the same?

Why do I need to call another file in my header?

Thanks!

Hi Todd,

We use another css file so that the changes are not overwritten if you upgrade etc.

Anyway, it does not look like the addition of input[type=”tel”] is getting through but input[type=”email”] is.

Can you check the following:

1.
Are you sure the changes are uploaded to the server for input[type=”tel”] – login via FTP and download the file and check the change is in that file.

I am guite sure this is the issue as I have loaded your file general.css in my browser and looked at the code and input[type=”tel”] is not in the code.

Either you have not uploaded the updated version or there is a caching issue.

Let me know how you get on.

Rog.

Weird. Now it’s working.

While I was updating the file via FTP, I don’t think the last version stuck. I re-uploaded it and it works.

Thanks!

You’re welcome Todd,

I’m happy to hear it is working now ??

With programming and WordPress I find the saying “A problem shared is a problem halved” is so true! You sometimes just need a second set of eyes on the problem.

Message me anytime you get any issues or feel free to skype message: groupofdots

Good luck with finishing the project.

Rog.

Thanks!