Archived

This topic is now archived and is closed to further replies.

  • 0

Features Thumbnails Wrap


Question

Posted · Report post

The Features thumbnails are wrapping on my page. Best case the Feature thumbnails would work like a carousel once there were too many for the width of the page. I'm coming here before the customizations forum just in case there is already functionality for this and I've somehow missed it.

 

Here's my test URL: http://www.tiahobermanphotography.com/wp/now/

 

More background: The client likes the Features look (also the Features thumbnails look) over the look of other image galleries. The client also wants more than this number of images in this 'category' so just stopping before the thumbnails wrap is not what they want. Worst case I will try to use CSS to increase the spacing between the thumbnail rows but it's not first choice.

 

Thanks so much for any help,

 

Kris

 

 

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Thanks Rob, that CSS treatment does look nice. I will look into other carousel options if they pursue that aspect.

Share this post


Link to post
Share on other sites

Posted · Report post

There isn't a way I know of to modify the feature slider to move the thumbs like a carousel.  It is designed to wrap the thumbs.  You may be able to adjust the thumbs to remove borders, narrow the space, if not remove it, between thumbs and do other things that may please your client. 

 

Alternatively, there are many sliders out today, capable of and designed to carousel thumbs related to slides.  You may wish to invest some time and effort searching www.wordpress.org/extend/plugins, our Store and CodeCanyon.net for just the right product.

 

Please keep in mind, WordPress 3.5 made some major changes to jQuery which is used by many sliders. Make sure any slider you use is capable of handling the latest WP and its jQuery version.

Share this post


Link to post
Share on other sites

Posted · Report post

By the way, you can test this in Firebug, but this looks pretty nice on your site:

#features .thumbs #featurenav a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 50px;
}
#featurenav a span.nav_thumb {
    border: 0 solid #EC008C;
}

Share this post


Link to post
Share on other sites