Resizing Feature Images

  • Unknown's avatar

    Hello everybody,

    Having trouble finding help with this, so i thought I’d post.

    I’ve pretty much finished my new website layout but can’t find any information regarding removing my right sidebar and using that space to extent my feature image, as you can see my side bar is gone but now there is just a blank space as to where I would like the feature image to be.

    Also is there anyway to stretch the posts title to extend across the image rather then bunched up to the left, also seen in this image.

    Any help would be greatly appreciated, thank you, Matt

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi, to have the content go the full width, you need to replace the following in your existing custom CSS

    #content {
        margin-right: 12% !important;
    }

    with this:

    .page-template-showcase-php #content {
        margin-right: 0;
    }

    On the featured images in the recent articles section, the width of the images is set by the theme php script files and is not something that can be changed. We can widen the image, but what we will be doing is asking the browser to scale up the image, and browsers do a lousy job of that, so there is going to be a loss in quality. Add the following CSS and see if the loss in quality is something you can live with.

    .attachment-archive-thumbnail {
        max-width: 752px;
        width: 100%;
    }

    For the recent articles titles, meta and summary, give the following a try and see what you think.

    .recent-articles .entry-header {
        width: 100%;
    }
    .recent-articles .entry-meta {
        width: 30%;
        display: inline-flex;
    }
    .recent-articles .edit-link {
        display: none;
    }
    .recent-articles .comments-link {
        margin-left: 5px;
    }
    .recent-articles .entry-summary {
        width: 100%;
    }
  • Unknown's avatar

    Awesome! that worked out perfectly, thanks for your help!

  • Unknown's avatar
  • The topic ‘Resizing Feature Images’ is closed to new replies.