coding inquiry (4 posts)

  1. smuffle89
    Posted 7 years ago #

    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

  2. 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.

  3. smuffle89
    Posted 7 years ago #

  4. 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;
    line-height: 13px;
    font-family: 'times new roman';
    color: #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    text-align: right;
    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.

Topic Closed

This topic has been closed to new replies.

About this Topic