default images for members

[dana]

What file and what is the name of the default picture used for members and for the default background of the members profile?

I want to change them and cannot find them.

Thank you

[Anonymous]

This is the CSS for the headers and profile background. Just change the image url and and it to custom CSS box and the image will change:

div.userpro-head, div.userpro-centered {
border-radius: 5px 5px 0 0;
background: #f5f5f5 url(img/pattern.png) repeat;
border-bottom: 1px solid #eee;
}

[dana]

Which file am I editing? I have done through and changed all the colors I can find. So look for a link? http://link.com? in which file?

[Anonymous]

It should be in the img folder and is called pattern.png. All you need to do is add the URL to the CSS above and it will show your image instead of the triangle image.

[dana]

I’m sorry I do not understand. I have found the files;

default_avatar_female.jpg jpg 5.2 KB
default_avatar_male.jpg jpg 4.6 KB

But they are not in a folder. I do not really know/understand CSS. What do I add and where?

I have the image I wish to use in the media library. I have spent a bout 20 hours on this and am still confused. I have been changing them manually one at a time.

The other issue I have (and then the site will be done!) is there are several places I cannot figure out how to change the background and font color. I have spent hundreds of hours going through style sheets line by line. The main one is the font color over member directory where it says “found 13 members” you can’t see the font because it’s grey and my background is blue. That and the forms, the background and font color on all the forms.

Any help is very gratefully accepted.

[Anonymous]

Sorry I thought you were looking for the default background image. They should be in the img folder. This is the imgurl for male avatar on this site:

http://userproplugin.com/userpro/wp-content/plugins/userpro/img/default_avatar_male.jpg

The CSS below is for the found members text. Change the colors to what you need and add to cusom CSS box on the UserPro backend page.

div.userpro-search-results {
color: #BBBBBB;
}

div.userpro-search-results span {
color: #BBBBBB;
}

Do you know how to use the inspect element tool on google chrome? It is the most useful tool for when you are looking to customize CSS. That is how I found the CSS above.