Icons Profile

[Oscar570]

Hi,

I’ d like to add some different icons for the profile. But not come from Fontello. Icons are some images (jpg) (screenshot). It will be possible?

If YES, how can I do this?

Thanks a lot!

 

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, you can use custom css for this, i can help you with that.
Please list me each icon with the menu item and an admin user 🙂

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 🙂

[Oscar570]

This reply has been set as private.

[Laura]

Hello, can you share the icons in a bigger size? If not let me know and i will edit them

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 🙂

[Oscar570]

This reply has been set as private.

[Oscar570]

This reply has been set as private.

[Laura]

Hello, sorry for the delay, i am still working on this for you. For security reasons can you share ftp credentials?

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 🙂

[Oscar570]

This reply has been set as private.

[Oscar570]

This reply has been set as private.

[Laura]

Hello, please be patient as this is a custom request, it is not supported by the forum but i am doing this to help you 🙂
Please understand that we have a queue of support questions and custom requests may need to wait a bit more but do not worry i am here to help you, just ask for a bit of patience 🙂

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 🙂

[Oscar570]

Hello Laura,

Do you have a solution for me ?
Regards
Nathalie

[Laura]

Hello, added all but compliments as i do not have an icon for that, let me know if you want any change 🙂

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 🙂

[Oscar570]

This reply has been set as private.

[Oscar570]

Dear @Laura

Please could you answer me so I can finally finish my site ?? I’d like to open it next week…
Many Thanks

[Oscar570]

@Laura

I added icon for “compliments”.
But I have not managed to correct alignment bugs and size What I Asked you . Thank you for your quick help!

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, here its the full code, just updated with a fixed size for all icons

COPY CODE

a#user-activity:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/activites.png');

    background-size: cover;

    display: block;

}

a#user-xprofile:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/profil.png');

    background-size: cover;

    display: block;

}

a#user-media:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/medias.png');

    background-size: cover;

    display: block;

}

a#user-messages:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/messages.png');

    background-size: cover;

    display: block;

}

a#user-friends:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/amies.png');

    background-size: cover;

    display: block;

}

a#user-notifications:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/notes.png');

    background-size: cover;

    display: block;

}

a#user-members-compliments:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/compliment.png');

    background-size: cover;

    display: block;

}

a#user-settings:before {

    background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/reglages.png');

    background-size: cover;

    display: block;

}
a.dropdown-toggle:before {
   background-image: url('http://lezgirls.fr/wp-content/uploads/2015/11/reglages.png');

    background-size: cover;

    display: block;

}
ul.responsive-tabs li a:before {
    color: transparent !important;
    width: 50px;
}

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 🙂

[Oscar570]

Thanks @Laura ! but I suppose you don’t test it… problem again with settings…:-(

Attachments:

You must be logged in to view attached files.

[Oscar570]

I understand it’s about toggle…. so I replaced another icons for it. So now I just need to increase the sub_nav (setting) please because setting icons is cut ! thanks a lot !

Attachments:

You must be logged in to view attached files.

[Oscar570]

and center compliments icons ! @Laura et that’s finish !! :-))) yeah !

[Laura]

This should do it, added to your style.css

COPY CODE

a#user-settings:before {
    width: 30px;
}
a#user-members-compliments:before {
    margin-left: 16%;
}

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 🙂

[Oscar570]

@Laura great job but we have a problem for ipad/iphone look the screenshots please, what can I do ?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try adding this 🙂

COPY CODE

@media (max-width: 991px) {
li.dropdown.pull-right.tabdrop.open li a:before {
    height: 50px !important;
    width: 50px;
    margin-bottom: 10px;
}
a#user-members-compliments:before {
    margin-left: 0% !important;
}
#buddypress div#item-nav ul #settings-personal-li a:before, #buddypress div#item-nav ul #admin-groups-li a:before {
    width: 50px !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 🙂

[Oscar570]

This reply has been set as private.

[Laura]

Hello, please try to replace the

COPY CODE

#buddypress div#item-nav .tabdrop .dropdown-menu li a {
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
}

With

COPY CODE

#buddypress div#item-nav .tabdrop .dropdown-menu li a {
    padding: 0 10px;
    height: 53px;
    line-height: 50px;
}

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 🙂

[Oscar570]

@Laura

In wich files? style.css?
I don’t have:

“#buddypress div#item-nav .tabdrop .dropdown-menu li a {
padding: 0 10px;
height: 33px;
line-height: 33px;
}
”
Look the files please..
Thanks a lot!

Attachments:

You must be logged in to view attached files.

[Oscar570]

This reply has been set as private.

[Laura]

Hello, try adding this

COPY CODE

a#user-settings:before {
    width: 50px;
}

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 🙂

[Oscar570]

Thanks @Laura resolved for me.

[Laura]

Hello, glad it worked 🙂

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 🙂

[Oscar570]

This reply has been set as private.

[Oscar570]

@Laura also a problem on Safari

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, already helped with a lot of custom requests and we do not have much time for them, i can help you with anything related to the theme and can only help with small extra requests, did a lot more but for this i suggest to hire a developer to o those changes as they are related to the custom css
Let me know if you need anything else 🙂

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 🙂

[Author]

Posts