WordPress.org

1. iuchewie
   Member
   Posted 3 years ago #

   Using the UserPhoto plugin on this page:

   http://talkflop.com/blog/?author=2

   Need to get some additional padding around that photo... not sure how to add it. I'm assuming it should be added to the array but I can come up with the right code...

   Here's what I've got now:

   <h2>About <?php echo $curauth->nickname; ?></h2>
   <?php the_post(); userphoto_the_author_photo('', '', array(align => 'right', border =>'1')); rewind_posts(); ?>

   That code is on my author.php page.

   Thanks in advance.

2. whooami
   Member
   Posted 3 years ago #

   .postavatar {
   	float: right; padding: 5px;
   }

   Look inside gkl-postavatar.css, and increase that padding.

3. iuchewie
   Member
   Posted 3 years ago #

   thanks for the tip, but the problem that i'm having is with the USER photo, no the post avatar.

   the post avatar is shown here: http://talkflop.com/blog/?p=99

   the userphoto in question is here: http://talkflop.com/blog/?author=2

4. iuchewie
   Member
   Posted 3 years ago #

   here's the code from the user-photo admin.css file... i'm guessing maybe its in here somewhere, but i'm not sure

   #userphoto-status-pending {
   	background-color:yellow;
   	padding:3px;
   }
   #userphoto-upload-error,
   #userphoto-status-rejected {
   	color:red;
   }
   
   #userphoto .field-hint {
   	color:gray;
   	font-size:smaller
   }
   #userphoto_delete {
   	width:auto !important;
   }
   #userphoto-approvalstatus-controls.pending label {
   	background-color:yellow;
   	/*padding:3px;*/
   	padding:4px 0 4px 5px;
   }
   #userphoto-approvalstatus-controls select {
   	vertical-align:middle;
   }
   
   #userphoto_level_moderated option.none,
   #userphoto_admin_notified option.none {
   	font-style:italic;
   }
   
   #userphoto p.image {
   	border:solid 1px #CCC;
   	text-align:center;
   	padding:3px;
   	float:left;
   	margin-right:20px;
   	margin-bottom:0;
   	background-color:white;
   }
   #userphoto hr {
   	clear:both;
   	margin:0;
   	padding:0;
   	height:1px;
   	visibility:hidden;
   }
   
   #userphoto p.image img {
   	/*padding:2px;*/
   	border:solid 1px #CCC;
   }
   
   #userphoto_options_form input[type=number],
   #userphoto_options_form input[type=range]{
   	text-align:right;
   }

5. vampirefish
   Member
   Posted 3 years ago #

   I'm trying to do the same thing.. was hoping I could just add the padding to in line style:
   <?php userphoto_comment_author_thumbnail('', '', array(align => 'right')) ?>

   but not sure how.

Topic Closed

This topic has been closed to new replies.