Enlarge Header Profile Thumbnail

I am looking to enlarge the profile image thumbnail in he header of the site (to the right of the logo)

What CSS file is this in?

THanks.

Cory

I could tell you exactly where it is and we know you'll be back for the next item you need to adjust, or I can tell you how to find it and you'll fix all your stuff and be able to help others, so here you go:

1.  Download Firefox browser

2.  Download and install Firebug into the Firefox Browser

3.  Go to your site using Firefox

4.  Log in

5.  Right click on the thumbnail

6.  Click "Inspect"

Have fun, it will show you at the bottom, right side of the coding that opens the exact file path & line number to adjust.

Thanks, I will give that a try, and if it doent work, I will be back asking for the next items to adjust ;) But if it does work, you have saved me a lot of time searching through code on my own.

Cory

I appreciate the help, but when I try to change, or add in, a height and width for the style it is telling me, all I get is an enlarged box, not an enlarged picture. I had tried those lines in the CSS before, and got nothing.

Firebug is nice, but it doesn't seem to tell you if the code that is controlling something is in PHP and that is what would need to be changed somewhere in that code. I am only seeing the CSS and then if that page were HTML the code it would be. But since Dolphin is in PHP, I would like to see if it is PHP I need to change.

Thanks for the tip with Firebug, but if anyone can just tell me where to change that to make the actual profile image in the header bigger that would be great.

It does tell you, if you look at Firebug when it first opens you will see that it has 2 columns, a left and a right.  The left is the html/php coding of your site.  The right is the CSS coding of your site. 

Now, when you see element in a section of css with css coding below it and no file listed for that element, then that tells you it's pulling directly from the php/html coding of the site.  So, for what you want, you need to isolate out how the image is called and set it again. 

So, here is how you can set the size of the icon photo, keep in mind that you will most likely need to delete and re-upload the photos to get this to work correctly as they've already been saved at 45 x 45.  Let's change them to 75 x 75, are you ready?  I will walk you all the way through this.  I want you to take a deep breath, find a comfortable location, a good chair that has great back support and you will want to close all the other items on your computer completely out until this is done.  I'm serious, no music, no movies, no messengers, no kids, no spouse, no sex with the dog or anything (okay, don't know if you have a dog or not, but if you do, please don't have sex with it, it's not healthy for the dog, gives it hemmorhoids).  Okay, please follow these steps very closely and be extremely careful as you do this.  If you make a mistake you will have to go back to start and get rid of the dog completely.  Sorry, can't have Fido distracting you on this one.

Here are your instructions.

1.  Please navigate to your sites admin panel.  http://yoursite.com/admin/index.php  (ensure you replace yoursite.com with the url of the site your working on, this is very important as the link I gave you will not work).

2.  Enter the login of your Admin panel into the top of the 2 boxes that appear.

3.  Enter the password for your Admin panel into the bottom of the 2 boxes that appear.  (Keep in mind, this in relations to the height of each box from top to bottom and they will say things like Login & Password to help you out)

4.  Press the enter button

5.  Allow your page to load

6.  Look at the list of items on the left of the page that loaded.

7.  Keep looking at them, aren't they pretty?  So much prettier than the Dolphin 6.1.4 Admin Panel don't you think.  Don't touch them yet.  Just look at them and enjoy how well they've been coded, each has it's own symbol.

8.  Now, locate the one that says:  "Settings"

9.  Click the arrow directly to the right of the word Settings

10.  Look at the list, isn't it nice also?  Such a nice list, there solely for the sake of helping you.

11.  Locate the one that says Advance Settings

12.  Click on the Words Advanced Settings.  I always try to click on the tt part of it, it's like a little contest for me.

13.  Allow the page to load

14.  Scroll down the page, Wow!  Lots of neat items on here.  Did you know you can enter your license number here, control the size of profile photos and even the thumbnails?  Yep, it's all in here.  I love this part of the Admin Panel, it's so refreshing to see all of this.

15.  Please scroll down the list until you see: 

Sorry, I thought you wanted to change the size of the entire header area at first.  Enjoy, this one is simply done from Admin panel as you can see.

Haha, thanks for the very detailed instructions, and sarcasm, always a plus.

I just figure that setting was for search results or member listings, not the header image.

I will have to play with Firebug a little more, but I think it will help for a lot of things.

Cory