fixing the height of the feature post slider

Viewing 6 posts - 1 through 6 (of 6 total)
  • #5253
    cal333
    Participant

    Hi, Great theme by the way. for a relative newbie like me its a fantastic skin to work with. Well done.

    I’ve been playing around with the various settings and even using some suggestions on this forum to change some of the php files as well. I now have a rotating slider showing the last 5 posts.

    What i am having difficulty with is the height change for the slider… it keeps self-adjusting itself. check out my site – http://www.thisnomad.com to see what i mean. What i would like is to set/force the height of the slider to a constant height (regardless of the image size if possible?).

    I’m sure this must be possible, any thoughts of where to start!

    Thanks
    cal

    #5256
    griduser
    Participant

    In the custom CSS add:

    .slides {
    height: 300px; /* you can change this */
    }

    You will have to make sure the pictures you upload are the proper size, or else they will be cut off.

    OR, you can automatically resize them by adding:

    #slider .wp-post-image, #slider .entry-attachment {
    max-height: 80%; /* you can change this */
    }

    This is pretty basic – to get it to look right you need to experiment. It took me quite a bit to get it right.

    #5260
    cal333
    Participant

    Hi griduser, thank you for taking the time to respond to my question, it has been a great help. I’ve used your suggested change, and with a bit of experimenting have managed to accomplish what I wanted. It may not be the most efficient update to the CSS custom file but i used the following:

    #slider .slides {
    height: 260px; /* you can change this */
    }

    #slider .wp-post-image,
    .format-status .avatar {
    float:left;
    padding:0.71%;
    box-shadow:0 0 3px #aaa;
    background:#e9e9e9;
    max-height:200px;
    width:250px;

    }
    #slider .entry-container {
    float:right;
    max-width:60%;

    #slider .entry-attachment {
    max-width:60.8%;
    padding:0.47%;
    background:#99cccc;
    }

    Now i’m on to the next challenge… how to stop the meta data from displaying within the slider function.

    Once again, thanks for your assistance.

    regards,
    cal

    #5309
    Daniel Tara
    Keymaster

    You may also want to change the max-width rule for the #wrapperselector to avoid ugly degradation when the browser’s width is smaller than 1132 pixels.

    As for deleting the meta data, open slider.php and delete the entry-meta tag.

    #5343
    gusandrews
    Participant

    Thanks for hashing this out — it helped me too!

    #13825
    RoarinRow
    Participant

    Thanks for this fix!

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

Tagged: , ,

You must be logged in to reply to this topic.