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!

 

[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

[Oscar570]

Great !!!
Thanks a lot Laura.

please find in attachments :
overview ( I’d like to have) and each icons (folder zipped format)

website : http://www.lezgirls.fr

admin
http://www.lezgirls/wp-login.php
login : admin_Lezg
password : OscAR57000+-

other question :
Could you help me to remove “modifier l’en-tête” please subnav from profile ? (screenshot “remove.jpg)

Thanks a lot
Nathalie

[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

[Oscar570]

Dear Laura,

Please find in attachement the vectorized version (eps), I think it will be the best for your job.
Thanks again!

[Oscar570]

Hi Laura !

Do you manage to do something with these icons?

[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

[Oscar570]

Dear Laura,

No problem for the delay. PLease find in attachment the screenshot for login informations.
Regards

Nathalie

[Oscar570]

Hi Laura,

Is that possible to have an issue to my question for icons ??? now ???
Please let me know.
Regards

Nathalie

[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

[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

[Oscar570]

Hi Laura,

First I ‘m glad to hear from you !
After , thank you for your work!
Sounds really good except 3 things:
– The icons “profile” and Media are cut on the right
– The icon “message” seems more than others.
– The icon for “setting” is not displayed.

Please find the icons for “compliments”.
Maybe you could explain how you’ve done so that I can change or modify without disturbing you again … ?

Thanks a lot for your help..again.
Nathalie

[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!

[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

[Oscar570]

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

[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 !

[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

[Oscar570]

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

[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

[Oscar570]

Thank you very much Laura is much better but nevertheless there is still a small lag between each number corresponding to each item.
Maybe that reducing the size of icons on ipad / iphone it would solve the problem? no?
For example : “compliments” and “4”

[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

[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!

[Oscar570]

@Laura I insert the code to the style.css.
PLease check th screenshot from web version… (problem with settings)…

[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

[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

[Oscar570]

Dear @Laura I changed the size of Layout template please see screenshots.
Could you make the little modifications inside the code please?
Thanks a lot

Nathalie

[Oscar570]

@Laura also a problem on Safari

[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

[Author]

Posts