WordPress.org

Forums

I Recommend This
[resolved] Change color of heart (5 posts)

  1. fraeulein_zuckerwatte
    Member
    Posted 1 year ago #

    Hi,

    I want to change the color of the heart.
    One color for not clicked and one for clicked.
    The number shown should be in that clicked color two.

    Is this possible?

    Thanks!
    Susann

    https://wordpress.org/plugins/i-recommend-this/

  2. Harish Chouhan
    Member
    Plugin Author

    Posted 1 year ago #

    @fraeulein_zuckerwatte the plugin uses 2 different image (heart & thumb) for the voting link.
    The CSS of the default plugin is:

    .dot-irecommendthis {
    background: url(../images/default.png) 0 0px no-repeat;
    padding: 0 0 0 20px;
    border: 0 !important;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
    }
    .dot-irecommendthis:hover, .dot-irecommendthis.active {
    background-position: 0 -24px;
    color: #F56559 !important;
    }

    You can copy paste the above code in your theme and modify it the way you want. You could add your own image, or disable the image (icons) and instead add custom font icons.

  3. ThreeSixteen
    Member
    Posted 1 year ago #

    Sorry, I've the same problem (want to change the color of the heart). Tried to change the color-attribute, but nothing changed in the front-end. Is the css code below the part I've to change? It's from the heart.css

    .dot-irecommendthis:hover, .dot-irecommendthis.active { background-position:0 -23px; color: #F56559 !important;
    	border: 0 !important;
    	margin: 0 0 10px 0 !important;
    	padding-left: 18px !important;
    	text-decoration: none;}
  4. Harish Chouhan
    Member
    Plugin Author

    Posted 1 year ago #

    @ThreeSixteen, the plugin used icons for the heart/hand icons. To customize it as you want, you would need to use your own images / font based icons and add the custom CSS styling and the images/fonts directly in your theme.

  5. ThreeSixteen
    Member
    Posted 1 year ago #

    Thanks for quick response :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • I Recommend This
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.