Button Issue in Parallax (css)

[apple_jax]

Hi There,

I love the look of the buttons on my home page on Parallax. I'm trying to add buttons with custom colors on my other pages without changing the qualities of the home page buttons.

SP has given me some CSS, but it's not working. Can anyone help me code a button for post pages?

Currently, the colors are correct, and the link works, but the button text is not showing up. See here:
http://flourishboston.com/services/

Current CSS edits are below, but I am not attached to it staying this way. I'm happy to change any of it to make the site function correctly.

TIA,
AJ Accardi
Flourish Boston

Current CSS edits:

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
background-color: #b41e8b !important;
border: none;
color: #fff !important;
cursor: pointer;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 400;
letter-spacing: 1px;
padding: 20px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
background-color: #11163e !important;
color: #fff !important;
}
body.gppro-custom .content > .entry .entry-content a.button,
body.gppro-custom .content > .entry .entry-content a:hover.button {
color: #ffffff;
}
body.gppro-custom .content > .entry .entry-content a {
color: #fff;
}

http://flourishboston.com/services/

[Brad Dalton]

Try this CSS for buttons

---

Tutorials for StudioPress Themes.

[Author]

Posts