[Resolved] Button Color Doesn't Seem to Work

[podcastcoach]

I can’t seem to get the button colors to change.

[Leo]

Hi there,

You have these CSS added for buttons:

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:4px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}

[podcastcoach]

Well, I don’t know CSS really, so I didn’t add that there. My question is how do I fix this? (and because there is custom css, is that why the settings under the button interface is not working?)

[Leo]

Then some other plugins are adding it for you and overwriting GP’s style.

Try #1 here: https://docs.generatepress.com/article/debugging-tips/

[podcastcoach]

Leo,

Thanks so much. The first plugin I turned off was the cause.

Thanks again.

[Leo]

No problem 🙂

[Author]

Posts