Slider size

Viewing 5 posts - 1 through 5 (of 5 total)
  • #14833
    atlcharm
    Participant

    Can the height of the featured slider be changed to be smaller, so that the pictures aren’t so large? Or is the size set in stone? If you upload a picture that is too small then the slider makes the pic extremely huge. If you get a larger picture the quality is great and the pic is a decent size but the photos are still very large. This is on several pinboard sites I’ve seen, not just mine. Just wondering if the size can be changed so that the slider is a bit smaller.

    http://brownchicchronicles.com/

    #14843
    atlcharm
    Participant

    Yeah, so I’ve been playing with this slider and I’m just so confused. No matter what size photo I upload, it is huge in my slider. I figured the smaller the photo the smaller it would be in my slider, but nope. Actually, it makes the smaller photos ginormous. Whereas, if I upload a large photo, yes it is large (too large), but still smaller than one with smaller dimensions. I don’t get it.

    For instance if I upload a photo that is 1024×683 (the little boy you see on my site), that photo is the hugest of them all. Whereas, if I upload a photo of the colorful star you see, the dimensions are 3560×2848 yet it shows smaller than the little boy in my slider (still too big though). As a test I reduced the size of the star photo and put it in the slider with the other. I reduced it to 1024×819. I see no change in size from the original…still huge. I’m at a loss. I went to the Pinboard demo and it seems their photos are on average about 1024×685 and they look perfect in the slider, not too big. What’s wrong with mine?

    Oh and if I dare resize a photo to make the dimensions smaller, it makes it even bigger than the original in the slider.

    http://brownchicchronicles.com/

    #14845
    Kashemy
    Participant

    That’s actually dependant on the dimensions of the picture, you can always try photoshopping it to look better.

    A CSS solution I use on one of my own sites is:

    #slider .wp-post-image,
    #slider .entry-attachment {
    max-width:1024px;
    max-height:370px;
    overflow:hidden; }

    This causes the slider to only show the picture to the set height and with, and hide the rest of it. It’s not perfect, but at least it prevents nasty jumps in the website and such.

    #14884
    NeKRoMaNT
    Participant

    Kashemy: You are my hero! I have spent several days trying to figure out…

    I have set my own custom code on my site:


    #slider .wp-post-image,
    #slider .entry-attachment {
    max-width:100%;
    max-height:50%;
    overflow:hidden; }

    #14885
    Kashemy
    Participant

    No problem, glad I could help! πŸ™‚

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

Tagged: 

You must be logged in to reply to this topic.