• Resolved omgomt

    (@omgomt)


    Hello,
    I would like to change the font color, highlight color, basically everything about the button that you guys identify as the primary button. I’ve already used some custom CSS to change the background, but I can’t figure out how to change the font color within the button. Can you please let me know how to go about this?
    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter omgomt

    (@omgomt)

    Also, is there a way to remove the “Author information” heading from the course listings when a user opens a course?

    @omgomt,

    IF you’re not already a CSS expert you might find LifterLMS Labs Simple Branding pretty helpful: https://lifterlms.com/docs/simple-branding-lab/

    It’s a free plugin that lets you colorize LifterLMS colors according to your tastes and preferences.

    If you need some more specific customizations you’ll want to turn towards some custom CSS.

    Author information (and all sorts of other stuff that sometimes not everyone wants can be removed with the action manager lab: https://lifterlms.com/docs/lab-action-manager/

    Hope that helps!

    Thread Starter omgomt

    (@omgomt)

    I was hoping somebody could please post the custom CSS to change the features I listed above

    @omgomt,

    CSS Rules you’ll want to use:

    1) Color
    2) highlight color (I think you mean the hover state)
    3) Background color

    
    .llms-button-primary {
       color: white;
       background-color: black;
    }
    
    .llms-button-primary:hover {
       color: black;
       background-color: red;
    }
    

    That’ll get you started!

    Thread Starter omgomt

    (@omgomt)

    Thank you! Works great. Is there custom CSS so that I can remove the author information from all course related pages? It by default shows Admin as the author, but I’d like that info (as well as the time/date stamp) completely omitted

    @omgomt,

    Try LifterLMS Labs Action Manager: https://lifterlms.com/docs/lab-action-manager/

    Thread Starter omgomt

    (@omgomt)

    After I updated the CSS, it worked fine. This morning, the text color on the primary button resorted back to its original color, despite the CSS that you listed (and it did originally change it to white text). I suspect this may have to do with a wordpress update, but how do I change it to white? The custom CSS is still in there, and not working

    Thread Starter omgomt

    (@omgomt)

    Bumping this… still looking for help. After the latest update (and activation of LMS Labs).. the primary button font color is still not white. What CSS can i use to make it white? The one you listed above does not work

    @omgomt,

    The LifterLMS update wouldn’t have changed anything and I doubt the WP security update would. Send me a link to your site where the CSS for a button isn’t working and I’ll see if i can figure it out. It’s more than likely an issue of CSS specificity: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    You can use it like this

    .llms-button-primary {
      background:#19B3AB !important;
      color:#FFFFFF !important;
    border-radius: 5px;
    padding: 15px 40px 15px 40px;
    }
Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Changing Button Color’ is closed to new replies.