Hi,
If you want edit the styles of the input tag of calculated field you simply should define the styles for the selector:
#fbuilder .codepeoplecalculatedfield{}
Best regards.
Hello,
Thank you very much for your fast reply!
I tried with the ID and div you gave me but I cannot change the font-size. As far as I tried, I have only been able to change the color of the font.
Is is possible to change the font-size?
Regards
Hi,
Yes that’s possible, for example:
#fbuilder .codepeoplecalculatedfield{height:32px; font-size:24px;}
Please, remember to clear the browser’s cache after edit the online files.
Best regards.
Hello,
I just tried, emptied cache but it didn’t work.
I am actually using the template “Minimalist Form” so I modify the CSS of the template.
Here’s the page: https://samuelchopard.admireyourworld.com/creation-de-site-web/ Go to the last page of the form (click on “SUIVANT”) and you’ll see the field under “Prix”.
I tried in Safari and Chrome.
Thank you very much for your help!
Hi,
I’ve visited your website, and the form is displaying the calculated field with a different font size, please, look the screenshot image in the following link:
http://wordpress.dwbooster.com/customdownloads/2016-03-22/screenshot.png
Best regards.
Hello,
Thank you for your reply!
I could change the font-size using the css ID and class you gave me. However, I had to remove the following line to make it work:
.cp_cff_minimalist #fbuilder input[type=”text”]
I don’t know why but now it works the way I need it to.
I guess that it isn’t recommended but for my need, it works fine. Thanks a lot for your help!
Hi,
If you are using a layout different to the default one, you should define the css rules with the !important modifier, for example:
#fbuilder .codepeoplecalculatedfield{font-size:200% !important;}
Best regards.
Hello,
Just tried to add the !important;
and it worked perfectly! I added again the line of code I had removed.
Thank you!
Best regards.