Support » Theme: Poseidon » set max width of Featured Image and Slider

  • I dont want Featured Image or Slider to scale to max browser size. For example, on an 27″ iMac it looks like amateur design at its worst. pixeled out stretched images yuk.

    how to set max size that the image will scale – even if it is responsive?

    how to set max size that the image will scale – in scaling slider – even if “they” are responsive?

    • This topic was modified 5 months, 3 weeks ago by bobmane2.
Viewing 5 replies - 1 through 5 (of 5 total)
  • i found how to hide big header image and still have featured image thumbnail in posts list show.(which is what i want for now because big header image is too big as i have said)

    Stylesheet (style.css)

    from

    .header-image img {
    max-width: 2500px;
    width: 100%;
    height: auto;
    vertical-align: top;
    to

    .header-image img {
    max-width: 0px;
    width: 0%;
    height: 0%;
    vertical-align: top;
    }

    anyway, my original question still remains open!

    also, i tried to temporarily turn off Slider via instructions:

    To set up your post slider, go to Appearance → Customize → Theme Options → Post Slider, and activate the Slider first. You can enable the slider on the Magazine Homepage and / or the normal blog page.

    and it stays on??

    Theme Author ThemeZee

    (@themezee)

    Hi there,

    Thanks for using Poseidon.

    I will check the slider and see if we can improve the styling. Images should not get stretched on any screen, so I agree that this should be changed.

    Best,
    Thomas

    OK great, in the mean time is there a way to allow thumbnails on posts via featured image but not then be forced to have featured image in slider? Like I said I can turn slider off. At this point I just want thumbnails of my posts to appear on Latest Posts and in the actual post.

    Theme Author ThemeZee

    (@themezee)

    No, I’m sorry but the slider always displays the featured image if there is one.

    div#post-slider-wrap {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    }

    the code above should help you out!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.