Icons Profile

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

Author
November 11, 2015 at 13:41 #86770

Oscar570
Participant

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.

November 12, 2015 at 04:36 #86902

Laura
Moderator

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 🙂

November 12, 2015 at 15:31 #86926

Oscar570
Participant

This reply has been set as private.

November 15, 2015 at 03:59 #87308

Laura
Moderator

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 🙂

November 15, 2015 at 14:08 #87336

Oscar570
Participant

This reply has been set as private.

November 17, 2015 at 11:50 #87665

Oscar570
Participant

This reply has been set as private.

November 18, 2015 at 20:15 #87977

Laura
Moderator

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 🙂

November 18, 2015 at 22:12 #88011

Oscar570
Participant

This reply has been set as private.

November 19, 2015 at 22:02 #88191

Oscar570
Participant

This reply has been set as private.

November 20, 2015 at 23:24 #88380

Laura
Moderator

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 🙂

November 25, 2015 at 15:56 #89004

Oscar570
Participant

Hello Laura,

Do you have a solution for me ?
Regards
Nathalie

November 27, 2015 at 17:48 #89581

Laura
Moderator

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 🙂

November 27, 2015 at 18:17 #89590

Oscar570
Participant

This reply has been set as private.

November 28, 2015 at 01:36 #89699

Oscar570
Participant

Dear @Laura

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

November 28, 2015 at 12:48 #89748

Oscar570
Participant

@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.
November 28, 2015 at 16:14 #89780

Laura
Moderator
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 🙂
November 28, 2015 at 16:20 #89782

Oscar570
Participant

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

Attachments:
You must be logged in to view attached files.

November 28, 2015 at 18:03 #89807

Oscar570
Participant

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.

November 28, 2015 at 18:04 #89809

Oscar570
Participant

and center compliments icons ! @Laura et that’s finish !! :-))) yeah !
November 28, 2015 at 19:35 #89820

Laura
Moderator
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 🙂
November 29, 2015 at 11:09 #89929

Oscar570
Participant

@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.
November 30, 2015 at 04:19 #90017

Laura
Moderator
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 🙂
November 30, 2015 at 12:24 #90042

Oscar570
Participant

This reply has been set as private.
December 1, 2015 at 20:26 #90376

Laura
Moderator
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 🙂
December 2, 2015 at 10:08 #90507

Oscar570
Participant

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

December 3, 2015 at 18:58 #90949

Oscar570
Participant

This reply has been set as private.
December 4, 2015 at 21:41 #91307

Laura
Moderator
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 🙂
December 7, 2015 at 11:42 #91623

Oscar570
Participant

Thanks @Laura resolved for me.

December 8, 2015 at 23:02 #91978

Laura
Moderator

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 🙂

December 10, 2015 at 16:57 #92410

Oscar570
Participant

This reply has been set as private.

December 10, 2015 at 17:51 #92422

Oscar570
Participant

@Laura also a problem on Safari

Attachments:
You must be logged in to view attached files.

December 11, 2015 at 20:36 #92737

Laura
Moderator

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

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

The forum ‘General questions’ is closed to new topics and replies.

Attachments:

Attachments:

Attachments:

Attachments:

Attachments:

Attachments:

Attachments:

Search KB

Log in with your credentials

Forgot your details?