WordPress.org

Support

Support » How-To and Troubleshooting » coding inquiry

coding inquiry

  • i currently show a 100 by 100 avatar every blog post & I was wondering if any amount of coding could produce the same effect shown in my comments with concern to the header. my main want is I want my avatar to be pushed to the left side and the headers to be right beside it instead of me having to put the avatar underneath as “part” of the blog post.

    current format & wanted comment style format

Viewing 3 replies - 1 through 3 (of 3 total)
  • Christine Rondeau

    @crondeau

    Volunteer Forum Moderator

    You should be able to do this by editing the html and css. If you can send a link to your site, then we can offer some help. It’s hard to say without being able to see your site.

    Christine Rondeau

    @crondeau

    Volunteer Forum Moderator

    If I understand correctly, you want to float a 100 x 100 pixel image to the left of your main title (your h1). Right?

    If that is what you want to do, you will need to update your styles.css in this fashion:

    h1 {
    margin: auto;
    font-size:17px;
    line-height: 13px;
    font-family: 'times new roman';
    color: #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    text-align: right;
    letter-spacing:-1px;
    background:url(patofyourimagehere) top left no-repeat;
    padding-left: 120px;
    }

    You will probably need to adjust the h3 which appears below as well using some padding and float.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘coding inquiry’ is closed to new replies.
Skip to toolbar