Support » Plugin: I Recommend This » Change color of heart

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Harish Chouhan

    (@hchouhan)

    @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.

    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;}
    Plugin Author Harish Chouhan

    (@hchouhan)

    @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.

    Thanks for quick response 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change color of heart’ is closed to new replies.