Image Doesn't appear on post

Support
#1

I have finished my first post and I still have it in draft status however when I preview the post the photo that was inserted it does not appear on the main page, however when you click on the read more link to go to the full post article the image is there.

I have put the page live in order for review

Website is www.budgetairfare.com

#2

Hi There,

Please add the featured image to your post:

Hope it helps :slight_smile:

#3

thanks ill give it a try

#4

I tried adding it as a featured image however on the main page where the brief summary of the article it, it appears as full size instead of a thumbnail. Do you know how I can have a thumbnail appear on the main page but when you click the read more link to the main article the larger image appears.

Thanks

#5

Hi,

You may select masonry style layout under Theme Options > Blog > Style

#6

First of all thanks for the help, I set the featured image however the featured image is the same size in both the actual post and the brief summary of the post on the main page. I would like the brief summary to have a thumbnail of the featured image and the full size featured image on the post page.

Thanks in advance

#7

Hi,

Sorry but I am not exactly sure what you are trying to achieve.

This is how the blog page looks in masonry layout

http://demo.theme.co/integrity-1/blog/

and this is how it looks on single post page

http://demo.theme.co/integrity-1/5-reasons-you-need-the-x-theme/

If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

You can try adding this in `Theme Options > CSS` 
.blog .entry-featured {
    float: left;
    margin-right: 30px;
}

.blog .entry-wrap {
    padding:20px 20px 0;
}

Thanks

#8

I will try that code to see if it does what I am looking for. In the meantime here is a site that has the look I am going for

https://dirtbikeplanet.com/

#9

Hi.

If this is what you want to achieve

Then please try this CSS code

.blog .entry-featured {
    float: left;
    width: 34%;
    margin: 0;
}

.blog .entry-wrap {
    float: right;
    width: 66%;
    padding-left: 35px;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.blog .hentry:before, .blog .hentry:after {
    content: " ";
    display: table;

}

.blog .hentry {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
    padding: 25px;
}

.blog .hentry:after {
    clear: both;
}

.blog .entry-content{
   padding: 0;
}

@media (max-width: 767px){
    .blog .entry-featured {
        float:none;
        width:100%;
        margin-bottom: 20px;
    }
    .blog .entry-wrap {
        float:none;
        width:100%;
        padding:0;
    }
}

Hope that helps.

#10

That worked… Thank you very much for your help!!!

#11

You are most welcome!

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.