Form Button Styling

  • 4 February 2020
  • 2 replies
  • 4 views

Hey everyone,

I’m having some trouble styling my form buttons. I have done some universal styling for all buttons with this code:

/* Apply to buttons */
a.lp-pom-button * {
font-family: neue-haas-unica, sans-serif;
font-weight: 500;
font-style: normal;
transition: all 0.7s ease;
}

This code works and applies to all of my buttons EXCEPT for my form submission button although it has the exact same class as all the other buttons. I tried targetting it by using this code:

a.lp-pom-button-143 *{
transition: all 0.7s ease;
font-family: neue-haas-unica, sans-serif;
font-weight: 500;
font-style: normal;
}

But this doesn’t seem to work…it still only formats any buttons that are not connected to a form. Please help!


2 replies

Userlevel 7
Badge +3

Hey @Katie_Luke,

Did you try targeting the specific button directly like so:

#lp-pom-button-123 {

}

That should do the trick.

Best,
Hristian

Thanks so much, this worked!

Reply