WordPress.org

Ready to get started?Download WordPress

Forums

WP About Author
Gravatar Image & Bio Not Aligning (3 posts)

  1. k.gray
    Member
    Posted 2 years ago #

    Hello,

    The Gravatar image and the bio information are not lining up next to each other. The text content is getting moved down. Not sure how to fix this. You can see it on this post: http://www.visitcantonstark.com/blog/put-your-blues-shoes-on/

    Thank you for any assistance!

    http://wordpress.org/extend/plugins/wp-about-author/

  2. df@work
    Member
    Posted 2 years ago #

    How did you get this to work? I seem to be having the same problem?

  3. optimistguide
    Member
    Posted 2 years ago #

    I fixed everything just by fiddling with my css. Take a look at my version at http://www.anthonysabilities.com/blog/2012/07/10/mind-of-the-observer-lesson57/ right before the comments section.

    If you want that, first you must go to the Plugin Editor and go to "WP About Author" and delete everything in the "wp-about-author/wp-about-author.css" file. Then go to your child theme's "style.css" file and paste the following into it:

    .wp-about-author-containter h3, .wp-about-author-containter p{
    	margin:0 0 0 0;
    	padding:0;
    }
    .wp-about-author-containter-top{
    	background: #f2f7fc;
    	border-top: 4px solid #000;
    	clear: both;
    	margin 0;
    	overflow: hidden;
    	padding: 1%;
    }
    .wp-about-author-containter-around{
    	background: #f2f7fc;
    	border: 1px solid #000;
    	clear: both;
    	margin: 20px 0;
    	overflow: hidden;
    	padding: 20px;
    }
    .wp-about-author-containter-none{
    	background: #f2f7fc;
    	border-top:none;
    	clear: both;
    	margin: 20px 0;
    	overflow: hidden;
    	padding: 20px;
    }
    .wp-about-author-pic{
    	background: #fff;
    	border: 1px solid #e7e7e7;
    	float: left;
    	height: 45%;
    	width: 20%;
    	margin: 0;
    	padding: 1%;
    }
    .wp-about-author-pic img{
    	width: 100%;
            height: auto;
            max-width: 100%;
    	min-width: 100%;
    }
    .wp-about-author-text{
    	float: right;
    	width:75%;
    	margin: 0;
    	padding: 0;
    	margin-top:-3.5%;
    }
    .wp-about-author-text p {
            margin: 0;
    	padding: 0;
    	margin-top:-1%;
    }
    .wp-about-author-text p.wpa-nomargin {
            margin: 0;
    }
    .wpa-social-icons{
            margin:0 3px;
    }

    Let me know if you need any assistance at all! Hope that helps! :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.