Changing the colour of the SUBMIT button

  • Resolved themebreaker

    (@themebreaker)


    6 years, 9 months ago

    Does anyone know how I can change the colour of the text within the SUBMIT button in FIRST? Is the text color of the SUBMIT button something that must be changed in php files because of the inbuilt theme colour picker in FIRST?

    I cut and pasted the following code from WRITE into the additional CSS in the customiser, because the black SUBMIT button in FIRST and GRAPHY are too bold for the gentle, elegant look I’m trying to achieve, but the text remains the same pale colour as it was in the original black SUBMIT button. On pages where I can customise the background colour of the button within WordPress’s text editor, I still can’t change the colour of the word SUBMIT. 

    button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #e6e6e6;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ddd;
	font-size: 87.5%;
	line-height: 1;
	padding: 0.9em 1.5em;
	text-shadow: 1px 1px 0 #fff;
	text-transform: uppercase; 
	transition: .15s ease-in-out;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #ededed;
}

    Any advice would be appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Takao Utsumi

    (@utsumit)

    Please add the following code.

    button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #333;
}
    Thread Starter themebreaker

    (@themebreaker)

    Thank you – adding this worked perfectly! Learning how to make these little changes and how to combine my favourite elements from your elegant family of themes is bringing me so much joy and satisfaction. I know you must be very busy creating new themes and supporting the users of your premium themes, so I am very grateful for your care and generosity in this forum; I’m sure other FIRST users must appreciate your input, too. We are very lucky.
    Best wishes.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing the colour of the SUBMIT button’ is closed to new replies.