[Pro] Placeholder text in form

Freeway
1

Hello

Is it possible to change the font and text size for the placeholder text in a form?

I’ve looked everywhere and can’t find anything but just wondered if I wasn’t looking in the right place.

Thanks for any help.

Regards
Pauline

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I use this. Modify as required.

::-webkit-input-placeholder {
   color: #5b5b5b;
}
:-moz-placeholder { /* Firefox 18- */
   color: #5b5b5b;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #5b5b5b;
}
:-ms-input-placeholder {
   color: #5b5b5b;
}

Todd

Is it possible to change the font and text size for the placeholder text in a form?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks Todd,

Sorry to sound dim, but where would I put that code?

Regards
Pauline

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

where would I put that code?

Wrap it in some style tags and put it in Page>Html markup in the before section


<style type="text/css">
::-webkit-input-placeholder {
   color: #5b5b5b;
}
:-moz-placeholder { /* Firefox 18- */
   color: #5b5b5b;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #5b5b5b;
}
:-ms-input-placeholder {
   color: #5b5b5b;
}
</style>

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thank you David, that’s a great help. :slight_smile:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

you can add it as a normal style if you want

Edi/Styles…
then copy and paste this into the Tag field:

    ::-webkit-input-placeholder

then click the Extended button and add this in the Name feild:

   color

and then copy and paste this lot in the value:

   #5b5b5b;
   }
   :-moz-placeholder { /* Firefox 18- */
      color: #5b5b5b;
   }
   ::-moz-placeholder {  /* Firefox 19+ */
      color: #5b5b5b;
   }
   :-ms-input-placeholder {
      color: #5b5b5b;

you don’t need the last closing bracket from the original as freeway will generate that…. and thats it the styles will be added within the normal style sheet or in the head on publish as per a normal style.

all the best max

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Thank you Max, that’s excellent and thanks for the clear instructions on how to do it. :slight_smile:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options