Custom Lazy loan button color and size

It’s quite easy actually.

By default the load comments button could be targeted with the default llc_comments_button ID selector.

So, the CSS would look something like the following:

#llc_comments_button {
  background-color: #5f00d2; /* Add a background color to the button */
  color: #fff; /* Add a color to the text */
  padding: 10px 20px; /* Add some padding accordingly */
}

Of course, you can tweak the background color and color properties as per your will, and accessibility.

I personally use the filter provided by the plugin’s developer to add an additional CSS class to target, so that I do not have to target the ID selector.

Below is what you could use to add an additional class to the button (add it to your theme’s functions.php file:

add_filter( 'llc_button_class', function () {
    return 'my-button-class';
});

After adding the custom class, the CSS should look something like:

.my-button-class {
  background-color: #5f00d2; /* Add a background color to the button */
  color: #fff; /* Add a color to the text */
  padding: 10px 20px; /* Add some padding accordingly */
}

Hope this helps.

• This reply was modified 3 years ago by Dhananjay.

Thank you. That was very helpful.