How to change the color of heart button in WP ULike

How to change the color of heart button in WP ULike

シェアする

ulleo / Pixabay

ACCESS WP ULike Settings

After you installed “WP ULike”, open “WP ULike Settings.”

Click “Posts” tab and select heart icon.

*Please check other items down below on this page as well. If you have some pages that you don’t want to show the WP ULike button, check those boxes.

ORIGINAL STYLES

These are the original colors.

Customize

Click “Customize” tab and slide the Custom Style button to the right.

Please scroll a little downward. There is a Custom CSS box.
You cannot change the colors of hearts by using each “Button style” and “Counter Style” on your way. You need to add CSS codes.

FROM GRAY TO GREEN

In Custom CSS box, copy and paste CSS codes down below and change the color code/color name that you want to use.

Before adding CSS.

<ORIGINAL COLOR>

Make sure to click “Save Settings” button.


You can use both HTML color codes and color name such as white, blue yellow and others.

FROM RED TO PINK

Let’s change the red heart into any color you like.

<ORIGINAL COLOR>



Add these codes in the Custom CSS box as before.


There’s no comment box on this site. If this information is helpful for you, please click the heart button under a few lines below.
Thank you.