Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #8044

    So I’ve used this code from another thread to make a blog post page (sample: ) wider because I wanted to feature larger images on my blog.

    .postid-335 .content .box {
    min-width: 430px;
    width: 800px;

    I’ve also modified function.php to control the size of my pictures so that landscape images are not TOO wide and portrait images not TOO tall.

    $avia_config[‘imgSize’][‘blog’] = array(‘width’=>800, ‘height’=>600, ‘crop’=>false); // image for blog posts

    The problem that I have now is that since this theme simply uses the first image in a post as the featured image they don’t look right on the main Blog page, which I left normal (sample: )

    Is there away to make it so that the post’s featured image on the main blog page is a different size than the images in the post?

    Also how do I get the images to be centered in the post? the alignment feature doesn’t seem to work.


    or, another thought, as an alternate solution, is there a way that I can write something in the custom css that would ‘hide’ the first image in the blog post but still show it as a featured image on the main blog page? That way I could just upload a different image.

    I like to display my fav image first but have the rest of my images in the order of events.



    you can hide the slideshow with following code:

    .template-single-blog .slideshow_container {
    display: none;


    I don’t want to hide the whole slideshow, just the first image and only on the post page, not the main blog page if it’s possible.

    If it is not possible then I’ll have to get the first image to display as 2 different sizes on the post page and the ‘blog’ page.



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Featured Image on Wide Page issue’ is closed to new replies.