Image positioning on article

Discussion in 'Blackriders WordPress Theme' started by onmark lee, Mar 18, 2014.

  1. onmark lee

    onmark lee Member

    Joined:
    Jan 4, 2014
    Messages:
    41
    Likes Received:
    0
    Hi support,

    How can I put in the image on a page or post with the position or A, C or even D.

    Because normally when i insert the image to an article, the remaining article will goes to the below of image.

    How can I do that?
     

    Attached Files:

  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Firstly insert the image in your article and after that share the link of your website.


    Thanks & Regards
    Gourav Shrivastava
     
  3. onmark lee

    onmark lee Member

    Joined:
    Jan 4, 2014
    Messages:
    41
    Likes Received:
    0
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .alignnone {
        margin: 5px 20px 20px 0;
    }
     
    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }
     
    .alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }
     
    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }
     
    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }
     
    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }
     
    a img.alignnone {
        margin: 5px 20px 20px 0;
    }
     
    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }
     
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
     
    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }
     
    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }
     
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }
     
    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }
     
    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }
     
    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }
    
    After this you can upload images with any alignment you want (Left, Center and Right).
     
  5. onmark lee

    onmark lee Member

    Joined:
    Jan 4, 2014
    Messages:
    41
    Likes Received:
    0
    HI Piyush,

    Thanks for support. However, what is the best way to adjust the image?
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    While uploading image media will provide you option to align image. If you want to upload images in a same row.
    Then select "Left" alignment for all images.
    Check image attached for reference.

    alignment.png

    Thanks & Regards
    Nitesh Raghuwanshi
     

Share This Page