Forums

How to - I dont know how to explain - (5 posts)

  1. ipunkbali
    Member
    Posted 2 years ago #

    So, what i wanna do is to make the image post or picture to have little distance to the paragraph. How do I do that? I dont like the way it looks right now, it just too close. this is the site http://www.justinbieberzone.com/2009/12/1-800-flowers-for-justin-bieber-new-business/

    thanks.

  2. ClaytonJames
    Member
    Posted 2 years ago #

    Find this in the style sheet.

    .post img {
    max-width: 680px;
    }

    Right below it, add this:

    .entry img {
    margin:4px;
    }

    See if that gives you a little more room.

  3. ClaytonJames
    Member
    Posted 2 years ago #


  4. ipunkbali
    Member
    Posted 2 years ago #

    thx, but i can not find this code on my style sheet

    .post img {
    max-width: 680px;
    }

    I search img.. and i got this

    /*<-------------------> Main Element Reset <------------------->*/
    img, img a {
    border:none;
    }
    p {
    margin-bottom:15px;
    }
    blockquote {
    margin:0 37px 0 0;
    padding-left:

    any idea?

  5. ClaytonJames
    Member
    Posted 2 years ago #

    No problem. Here is the path to the css file
    http://www.justinbieberzone.com/wp-content/themes/MusicGlobe/style.css

    It's listed at the bottom of /* CONTENT */

    /* CONTENT */

    #content {
    background: #fff;
    margin: 15px 10px 15px 15px;
    }

    .post {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    }

    .post p {
    margin-bottom: 10px;
    }

    .title {
    margin-bottom: 8px;
    line-height: 22px;
    font-family: Arial;
    color: #8d064c;
    }

    .title a {
    text-decoration: none;
    color: #8d064c;
    }

    .title a:hover {
    text-decoration: underline;
    }

    .pagetitle {
    margin-bottom: 20px;
    line-height: 22px;
    font-family: Georgia, Times, "Times New Roman", serif;
    text-decoration: underline;
    }

    .postdate {
    font-size: 11px;
    padding: 1px 4px;
    background: #fde7f2;
    font-family: Arial;
    }

    .postmeta {
    font-size: 11px;
    padding: 2px 4px;
    font-family: Arial;
    }

    .postdate img, .postmeta img {
    border: none;
    vertical-align: middle;
    margin:2px;
    }

    .entry {
    text-align: left;
    line-height: 20px;
    padding-top: 8px;
    font-family: Arial;
    font-size: 12px;
    }
    .navigation {
    padding: 10px 0;
    }

    blockquote {
    overflow: hidden;
    padding-left: 9px;
    font-style: italic;
    color: #666;
    border-left: 3px solid #CADAE7;
    }

    .post img {
    max-width: 680px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic