Regal Theme - Change to the Featured Image on Blog Page

Discussion in 'Regal WordPress Theme' started by brucemcc, Jan 11, 2013.

  1. brucemcc

    brucemcc New Member

    Joined:
    Dec 28, 2011
    Messages:
    4
    Likes Received:
    0
    Would it be possible to change the way that the images are shown on the Blog/Posts page. Instead of the long full width image that sits on top of the post excerpt I would rather have a rectangular image that sits to the left of the post excerpt/text.

    Is there something simple that I can change to make this happen?

    the site is http://fasterdigital.com/DavidJohnstonTraining/articles/

    Bruce
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Set alignment: left and thumbnail:150x150, while uploading image in blog post

    Sending image for reference


    [​IMG]

    Now,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .content_wrap .post .post_content .postimg {
    float: left;
    }

    This will solve your issue.
     
  3. brucemcc

    brucemcc New Member

    Joined:
    Dec 28, 2011
    Messages:
    4
    Likes Received:
    0
    I tried what you mentioned above but it didnt work.
    Maybe I am not clear in what I am looking for.
    Currently on the Blog Post page (the one that lists all the blog posts)(I think some call it an archive page), it looks like this....

    Date | Post Title
    Image
    Post Excerpt

    Date | Post Title
    Image
    Post Excerpt

    Instead of having the Image span the width of the column I would like to have the image to the left of the Post Excerpt. Like this...

    Date | Post Title
    Image | Post Excerpt

    Currently the images sometimes look messed up because they are being stretched horizontally. For an example scroll down to 'TONY CHOI" on this page... http://fasterdigital.com/DavidJohnstonTraining/category/client-testimonials/muscle-weight-gain/


    brucemc
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .content_wrap .post .post_content .postimg {
    margin-right: 10px;
    margin-top: 7px;
    float: left;
    max-width: 100%;
    }
     

Share This Page