profile pic css

where is the css to alter the size profile photo in profile. All I can find is tmpl_gzip_(a load of numbers).css which is pulling the css from the various places. but, where is the original css so i can change it? I have had my head stuck in 'inspect element' for days without success.

When you see gzip, it indicates you have caching in dolphin turned on.

All you need to do is shut off css caching is dolphin. Then you will be able to see the actual css filenames.

Rule of thumb. All caching is dolphin should be shut off while working on the site.

I know you just KNOW that now I am going to ask how to do that lol

umm how do I shut off caching?

This should explain it.

I took off the caching but I still can't find the corresponding css, i am using the alt template that I am modifying 

when something says element.style where is that likely to be? because I can see width: 259px; and when I change that in inspect element it changes the profile pic, but I can't find the css. it just has element.style. 

there must be a css somewhere. someone must know this.

This means the CSS is inline and not contained in an external style sheet.  Some internal styles in Dolphin are generated by javascript to provide dynamic styles.

OK, you want to change the size of the profile photo; that is located in the photo search script.  Just do a search.  I have also posted about this somewhere here on Dolphin so try searching on my account name and profile photo and you may be able to find it.

yikes! I am not sure i'll be able to rip apart the coding without breaking stuff as usual. where is the code situated?

I pointed you to the path but I guess you wanted me to drive you there as well LOL:

I am a nice person so here you go: http://www.boonex.com/forums/topic/Profile-Photo-Block.htm

there is no BxPhotoSearch.php to edit

Really?  I doubt if Boonex removed it in 7.1.6; it is in the 7.1.5.  Perhaps you overlooked it.

No, just downloaded 7.1.6 and the file exists.  I am going to let you find it on  your own as it will help you gain better understanding of the structure of Dolphin.  If you are going to work with Dolphin on your own, it will help if you learn this simple thing..

There is the hard way, and then there is the easy way - I prefer the easyway.

Find the image in question. right click it (with firefox), select "inspect element", right click on the <img> taag within the inspector and chose "copy unique selector".

Go to your css folder within your template. Find something to the effect of "custom.css". Open it. Scroll to the bottom of the page. Paste the solector you copied from above.

after the selector add { width: 64px !important; height: 64px !important } save. Reload your page. New css should have taken effect. (obviously you can resize 64/64 to whatever you need.

Why would you want to turn the profile photo into a thumbnail?

lol thats why I said to resize for needs, I wouldn't imagine one would want the profile photo at 64x64 - but the method explained works for any element at all on the page from thumbnails to photo images to video size to div size :) Its just a matter of finding the unique selector - and there is rarely no unique selector - though I have found I have to redefine multitudes of selectors to stop one from over riding another on a different page.

None the less - the method works flawlessly for modifying the size without editing source.

This is not the desired method though.  It is simple enough to change the code.  Actually, we could go a bit further and make the changes so that we could set this in the admin.

I have dolphin 7.1.6 its already been installed, and that file is not there. And I want a smaller profile pic because because it doesn't fit in, its too big. This is a brand new install from sofalusicus from my server.

i made custom.css file in my template and used this code.

#mainPic { width: 64px !important; height: 64px !important; }

I can see the custom.css and the code in inspect element but its still being overridden by elemental style. 

I found bxPhotoSearch.php  and changed that. I couldn't find it originally because I hadn't installed the photos module because I had done a fresh install (several times because things wouldn't work). Ideally I would have liked to change the profile image in templates so different templates can have a different look, but one small step at a time i feel. Thank you geekgirl for all you help, it has been very educational being pushed to do things myself. :)

I would upload all the files to the site, even if I am not planning on using a module.