My Resizing of the Profile Image

John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
For me I found the profile Images quite large so decided to shrink them down a little. You can see them resized in the two profiles by following the links below, one is of my logo and the other is a picture of me on another profile. If you resize your browser you should see the change as we go into smaller screens.

Here are the two profiles links
http://1940snetwork.com/founder

http://1940snetwork.com/john-bizley

I edited one line in the Profiles CSS and added another bit underneath that.

Here is the css I used

/* Edited this line to make the profile image a bit smaller */
.profile_image {
position: relative;width:60%;margin:0px auto;
}

/* And then added this also */
.profile_image .img_scale{ width:100%;box-shadow:4px 6px 8px rgba(0,0,0,0.6);border-radius:6px }

@media only screen and ( min-width:481px ) and (max-width:767px){ .profile_image{ width:45%!important; margin:0px auto;text-align:center }}
updated by @john-bizley: 01/08/15 12:00:16AM

Tags