WordPress.org

1. freewomyn
   Member
   Posted 1 year ago #

   Two questions about the Author-Bio Plugin:

   1. Is it possible to change the color and style of the text that appears at the bottom of each post? If so, how would I edit the plug-in's code?

   2. Right now, the first line of the author bio appears like this - "About: Gloria:"

   How can I get rid of the colon after "About"?

   Thanks for the help!

2. midrangeman
   Member
   Posted 1 year ago #

   If you are using version 0.07 of the plug-in, just edit the Author Bio label text in the settings.

   If you're not running version 0.07, upgrade and you'll be able to edit the label.

   I'm going to change the default for that field to not include the colon, as it doesn't make much sense.

3. freewomyn
   Member
   Posted 1 year ago #

   Thanks - that fixed the colon problem. How about styling the text? Is that an option for the plug-in, or is this a site template issue?

4. midrangeman
   Member
   Posted 1 year ago #

   You can style the text by altering the author_bio class.

5. jkatmoney
   Member
   Posted 1 year ago #

   i need to sstyle the bio box, but am having trouble with editing the author bio class.
   where is that located?

6. midrangeman
   Member
   Posted 1 year ago #

   i need to sstyle the bio box, but am having trouble with editing the author bio class.
   where is that located?

   It doesn't exist out of the box ... you can create it any way you want. I recommend adding it to the style.css file in a child theme.

7. jkatmoney
   Member
   Posted 1 year ago #

   would this be example of the code? sorry im not a heavy programmer...

   #author_bio-containter h3, .author_bio-containter p{
   	margin:0 0 10px 0;
   	padding:0;
   }
   #author_bio-containter-top{
   	background: #f2f7fc;
   	border-top: 4px solid #000;
   	clear: both;
   	margin: 20px 0;
   	overflow: hidden;
   	padding: 20px;
   }
   #author_bio-containter-around{
   	background: #f2f7fc;
   	border: 1px solid #000;
   	clear: both;
   	margin: 20px 0;
   	overflow: hidden;
   	padding: 20px;
   }
   #author_bio-containter-none{
   	background: #f2f7fc;
   	border-top:none;
   	clear: both;
   	margin: 20px 0;
   	overflow: hidden;
   	padding: 20px;
   }
   #author_bio-pic{
   	background: #fff;
   	border: 1px solid #e7e7e7;
   	float: left;
   	height: 100px;
   	width: 100px;
   	margin: 0 -122px 0 0;
   	padding: 10px;
   }
   #author_bio-pic img{
   	width: 100px;
   }
   #author_bio-text{
   	float: left;
   	margin: 0 0 0 140px;
   }

8. midrangeman
   Member
   Posted 1 year ago #

   The style classes you'll want to create are:

   author_bio - top level class
   author_bio_title - wraps the author title
   author_bio_gravatar - wraps the gravatar

   Here's a simple example of how I styled the author bio box on one of my sites:

   .author_bio {border-style:groove}
   .author_bio_gravatar {float:left; margin: 10px 10px 10px 10px;}:

Topic Closed

This topic has been closed to new replies.