This topic has 4 replies, 2 voices, and was last updated 8 years by Laura.

  • Author
  • #144468
     CharniezeT
    Participant

    Hi,

    Would you mind telling me how I can remove the speech marks on the user profile fields, please see attached.

    Or a way of replace the picture with another?

     

    Many thanks!

    Attachments:
    You must be logged in to view attached files.
    #144511
     Laura
    Moderator

    Hello, you can hide it using this

    COPY CODE
    
    .bp-profile-details:before {
        display: none !important;
    }
    

    Add it to style.css of child theme

    To change the icon you need the code of the icon ( check fontawesome icon gallery )
    And use this at style.css of child theme

    COPY CODE
    
    .callout .bp-profile-details:before {
        font: 30px'FontAwesome';
        content: "\f10e" !important;
        color: #09A9D9;
        margin-left: -40px;
        float: left;
    }
    
    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 🙂

    #144634
     CharniezeT
    Participant

    Thank you, I’ll try it. Can you also tell me how I can change the icon for “members, members online, women online and males online”?

    #144635
     CharniezeT
    Participant

    When I have found the icon I want from fontawesome icon gallery, where do I put the code for the icon?

    I understand i would put the styling in the stylesheet but unsure where I put the first part?

    #144795
     Laura
    Moderator

    Hello, well, first put the code at style.css of child theme

    COPY CODE
    
    .callout .bp-profile-details:before {
        font: 30px'FontAwesome';
        content: "\f10e" !important;
        color: #09A9D9;
        margin-left: -40px;
        float: left;
    }
    

    The part \f10e is the code of the icon, the icon code you have should look just like that
    About the homepage icons, those are images, status images, you can find them at wp-content/themes/sweetdate/assets/images/icons/steps/ and replace them with your own, but do that at the child theme ( copy the folders to the child theme )

    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 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?