Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #685981

    Hi. I’m trying to style the placeholder text on my contact form (see link in private data).

    I have written the following CSS:

    #home_contact input::-webkit-input-placeholder {
    	color: #ffffff !important; {
    	letter-spacing: 0.2em !important;
    	text-transform: uppercase !important;
    	text-align: left !important;
    	-webkit-font-smoothing: antialiased !important;
    	-moz-osx-font-smoothing: grayscale !important;
    	font-family: 'Montserrat', sans-serif !important;
    	font-weight: 200 !important;
    	font-size: 12px !important;
    }
    
    #home_contact input:-moz-placeholder {
    	color: #ffffff !important; {
    	letter-spacing: 0.2em !important;
    	text-transform: uppercase !important;
    	text-align: left !important;
    	-webkit-font-smoothing: antialiased !important;
    	-moz-osx-font-smoothing: grayscale !important;
    	font-family: 'Montserrat', sans-serif !important;
    	font-weight: 200 !important;
    	font-size: 12px !important;
    }
    
    #home_contact input::-moz-placeholder {
    	color: #ffffff !important; {
    	letter-spacing: 0.2em !important;
    	text-transform: uppercase !important;
    	text-align: left !important;
    	-webkit-font-smoothing: antialiased !important;
    	-moz-osx-font-smoothing: grayscale !important;
    	font-family: 'Montserrat', sans-serif !important;
    	font-weight: 200 !important;
    	font-size: 12px !important;
    }
    
    #home_contact input:-ms-input-placeholder {
    	color: #ffffff !important; {
    	letter-spacing: 0.2em !important;
    	text-transform: uppercase !important;
    	text-align: left !important;
    	-webkit-font-smoothing: antialiased !important;
    	-moz-osx-font-smoothing: grayscale !important;
    	font-family: 'Montserrat', sans-serif !important;
    	font-weight: 200 !important;
    	font-size: 12px !important;
    }

    but as you will see, a number of the properties are not showing up. Specifically:

    • letter-spacing: 0.2em !important;
    • text-transform: uppercase !important;
    • text-align: left !important;

    Can you help?

    #685984

    Nevermind. My fault. Syntax error.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Placeholder Styling’ is closed to new replies.