Centering blog preview images & vertical image preview issue

Discussion in 'RoadFighter WordPress Theme' started by mouseclubhouse, Jul 30, 2015.

  1. mouseclubhouse

    mouseclubhouse Member

    Joined:
    Jun 17, 2015
    Messages:
    31
    Likes Received:
    0
    I have two questions.

    1) Can the preview images be centered when you click on the main blog. For example, at my blog at http://shaniwolf.com/blog/, please look at the posts for Disney Vacation Tip and Tickets for Mickey's Halloween Party at Disneyland Park. The smaller images are left aligned.

    2) Also, is there something I can do have vertical images appear differently in the blog. If you look in my blog at the preview for Pizzafari in Disney's Animal Kingdom, you will see a portion of the images, rather than the whole image. I know if I shrink the image down on the post itself, it will appear better in the preview, but then it really is too small for my post. I'd prefer the image in the post remaining this size.

    Thanks for any help you can offer.
     
  2. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Greetings from InkThemes,

    I would like to recommend you to set feature image of your every blog post first.

    And use 729 x 320 image size for standard look like, http://inkthemes.com/wptheme/roadfighter-yoga/blog/ or use similar size of feature image of very blog post, it's look cool.

    Do let me know
     
  3. mouseclubhouse

    mouseclubhouse Member

    Joined:
    Jun 17, 2015
    Messages:
    31
    Likes Received:
    0
    Hi, I used Set Featured Image and it makes a big difference! Thank you. :)
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .content-bar .post .post_content {
        text-align: center !important;
    }
    .content-bar .post .post_content .read_more {
        float: left;
    }
    Hope it will resolve your issue :)

    Thanks,
    Praveen
     

Share This Page