single post restrict image size

  • Resolved Zoltan

    (@zoltan123)


    8 years, 8 months ago

    Hello there.
    I like the design of you theme very much. On my blog the post images are auto fetched (featured image) and inserted into the blog post. M yproblem is, when using your theme, the featuring single post images is blown up to very big. I want to restrict this size. I would appreciate our help,
    thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Anders Norén

    (@anlino)

    8 years, 8 months ago

    Hi @zoltan123,

    To adjust the width of the featured image on single blog posts, go to Admin > Appearance > Customize > Additional CSS, and enter the following code:

    .single-post .featured-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    width: 100%;
}

    Adjust the value of 800px to suit your needs. 1240px is the default width of the featured images in Hamilton, and 560px is the width of the content (text paragraphs and so on). Hope it helps!

    — Anders

    • This reply was modified 8 years, 8 months ago by Anders Norén. Reason: Fleshed out description
    Thread Starter Zoltan

    (@zoltan123)

    8 years, 8 months ago

    Dear Anders, thanks for your quick answer… it helped. Sort of.

    The horizontal images aren`t getting blown up any more. But the vertical ones still are.
    Is here a possibility to fetcthe images proportionally or to limit their seize in any other way? Thanks a lot, even if you cant help any further way,
    Zoltán

    Theme Author Anders Norén

    (@anlino)

    8 years, 8 months ago

    @zoltan123 If you add the following CSS below the code you already have in Additional CSS, the images should adhere to the specified max-height as well:

    .single-post .featured-image img {
    margin-left: auto;
    margin-right: auto;
    max-height: 500px;
    width: auto;
}
    Thread Starter Zoltan

    (@zoltan123)

    8 years, 8 months ago

    Thanks for your help and the theme, @alino,

    the combination of the two css did it!
    All the best,Zoltán

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘single post restrict image size’ is closed to new replies.