Changing the thumbnail size for Single-Sidebar Layout

  • Philbeaux

    (@philbeaux)


    10 years, 6 months ago

    I’ve had so much fun with thumbnails I’ve decided to take it a step further.

    I like the size of the thumbnails for the 2-sidebar layout but I want to use 1 sidebar.

    How do I change the size of the thumbnail in the 1-sidebar layout to the thumbnail size of the 2-sidebar layout?

Viewing 3 replies - 1 through 3 (of 3 total)
  • bdbrown

    (@bdbrown)

    10 years, 6 months ago

    Hi Philbeaux. If you’re referring to a widget like AlxPosts, it uses the same thumb-medium image for both sidebars. It’s resized proportionately to fill the content area width using css: 

    .alx-posts img {
    display: block;
    width: 100%;
    height: auto;
}
    Thread Starter Philbeaux

    (@philbeaux)

    10 years, 6 months ago

    No, bd.
    I’m sorry, I should have been more specific.
    When the single-sidebar layout is chosen the images in the main content are smaller (220×220) than images when using a layout with 2 sidebars (images are 320×320).
    How can I fix it to where the images in the main content are 220×220 (or whatever is equivalent) when using a single-sidebar layout?

    bdbrown

    (@bdbrown)

    10 years, 6 months ago

    I think the same thing applies to the content. It appears to use the same thumbnail and css. You could reduce the width of the image (which will change the height proportionately) and, if you’re showing the comment counts, move those left using something like this:

    /* reduce post image size */
.home .post-thumbnail img {
    width: 70%;
}
/* move post comments left */
.home .post-comments {
    right: 131px;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Changing the thumbnail size for Single-Sidebar Layout’ is closed to new replies.