Customizing button with CSS

  • 25 May 2017
  • 3 replies
  • 115 views

Badge

{{I wish there were more options on the button panel to customize the Hover & Active states.}}
So I have my button customized like this…

#lp-pom-button-65 .label {text-decoration: underline; text-align: left; padding-left: 0;}

But, what if I wanted to make the text bold on hover? how do I add that css to what I already have?
Thanks so much,
Tiffany


3 replies

Userlevel 7
Badge +1

Hey Tiffany!

I’ve sent that ^ to our Product Feedback platform that we use to prioritize feature requests. It doesn’t always mean it will get bumped to the top of the list, but if there are 49 requests for button upgrades and they need 50 - that feedback might be just what they need to push it through.

As for customizing your button, if you add font-weight: bold; to your style, that’ll do it. Keep in mind, the code you sent is the style for the button, but not for the hover state. So, you’ll want to add this line of code to your stylesheet:

#lp-pom-button-65 .label:hover {text-decoration: underline; text-align: left; padding-left: 0; font-weight: bold;}

Let me know how that works out! ☺

Badge

That worked perfectly! Thank you Jess!
Tiff

Userlevel 7
Badge +1

That’s what I like to hear!! :clap:

Reply