This topic has 9 replies, 3 voices, and was last updated 9 years by Laura.

  • Author
  • #59276
     mledun
    Participant

    Hello,

    Could you let me know how I can replace the heart icon with another image?

    #59548
     Laura
    Moderator

    Hello, yes it is possible, just please add this code to quick css or style.css in child theme and replace the url of your own image 🙂

    COPY CODE
    
    .circular-item .hearts {
      background: url(URL OF YOUR IMAGE HERE) no-repeat !important;
      display: block;
      width: 39px;
      height: 30px;
      position: absolute;
      right: 0;
      top: -20px;
    }
    

    It should end looking like this:

    COPY CODE
    
    .circular-item .hearts {
      background: url(http://blovin.com/wp-content/uploads/2014/09/logo-blovin-LETRASwhite1.png) no-repeat !important;
      display: block;
      width: 39px;
      height: 30px;
      position: absolute;
      right: 0;
      top: -20px;
    }
    

    But with your url 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #59560
     mledun
    Participant

    Hi Laura,

    I added the code to my styles.css in the child theme but it’s still showing the hearts on the homepage 🙁

    #59567
     mledun
    Participant

    where can i change the icon-heart (/f004) to icon-star (/f005)?

    #59717
     Laura
    Moderator

    Hello, the hearts at matching are not a font, its an image, you can change it at sweetdate/assets/images/hearts_bg.png
    Just change it with a new image with the same name.
    Remember to add it to child theme with same path 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #59824
     mledun
    Participant

    Hi Laura, I think this is a different heart you are referring to, I’m talking about the heart image that appears on the homepage when you hover over a topic image and NOT the hearts that show on a profile page.

    #59825
     mledun
    Participant

    Don’t worry I found how to do it:

    I went it to styles.css in the childtheme

    .icon-heart:before {
    content: “REPLACED WITH NEW ICON CODE”;
    }

    #59987
     Laura
    Moderator

    Hello, sorry for the missunderstanding, there are so many hearts 🙂
    I am glad that you could resolve it!

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #85378
     steve
    Participant

    Hi,

    can you explain more, added:

    .icon-heart:before {
    content: “icon-home”;
    }

    What I am doing wrong?

    Thx,
    Steve

    #85495
     Laura
    Moderator

    Hello, the icon is a code, for example the home icon is:
    content: ‘\e835’;

    So it would be

    COPY CODE
    
    .icon-heart:before {
    content: '\e835' !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

Viewing 10 posts - 1 through 10 (of 10 total)

The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?