• 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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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.

    Thread Starter freewomyn

    (@freewomyn)

    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?

    You can style the text by altering the author_bio class.

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

    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.

    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;
    }

    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;}:
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Author Bio Plug-in’ is closed to new replies.