Results 1 to 4 of 4

Thread: Featured Content Slider v2.51 Responsiveness

  1. #1
    Join Date
    Jan 2011
    Posts
    52
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default Featured Content Slider v2.51 Responsiveness

    1) Script Title: Featured Content Slider v2.51

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentslider.htm

    3) Describe problem:

    Please see http://thegreatestthingsinceslicedbr...lomavista-pnp/

    I used the featured content slider for above and http://www.dynamicdrive.com/dynamici...epcarousel.htm for the thumbs. All the thumbs are displaying as in http://thegreatestthingsinceslicedbr...np/index2.html

    I need

    Responsive height for the Featured Content Slider

    contentslider.css

    Code:
    * {
    	box-sizing:border-box;
    }
    .sliderwrapper{
    position: relative; /*leave as is*/
    overflow: hidden; /*leave as is*/
    
    width: 100%; /*width of featured content slider*/
    max-width:2000px;
    
    height:850px;
    
    }
    
    .sliderwrapper .contentdiv img {
    	width:100% !important;
    	height:auto !important;
    }
    How to make the slider responsive for small devices?

    Thank you
    Last edited by keyboard; 07-23-2018 at 05:22 AM. Reason: Format: Code Tags

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    508
    Thanks
    9
    Thanked 59 Times in 57 Posts

    Default

    You would have to use the media tag. Please read: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  3. #3
    Join Date
    Jan 2011
    Posts
    52
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Media queries are not working. Images are not getting resized. http://thegreatestthingsinceslicedbr...lomavista-pnp/

  4. #4
    Join Date
    Jan 2011
    Posts
    52
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    It is working to some extent ; I made media queries and also made widths as 100%

    I want the prev and next arrows to be always in middle height of slider.

    Current CSS

    .prev, .next {
    position: fixed;
    top:47%;
    z-index:1000000;
    }
    .prev {
    left:3%;
    }
    .next {
    right:3%;
    }

Similar Threads

  1. Featured Content Slider. Youtube video donīt stop when slider changes
    By Vlack in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 06-15-2011, 09:54 AM
  2. Combining Featured Content Slider with Featured Content Glider problems.
    By ortizhj in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-18-2011, 02:12 PM
  3. Featured Content Slider: slider on top of slideshow
    By chechu in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 07-20-2009, 06:03 PM
  4. Featured Content Slider v2.4 - one slider with several paginate-slider
    By beathead in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-05-2008, 09:05 AM
  5. Featured Content Slider v2.0 - slider height fixed ?
    By ptengler in forum Dynamic Drive scripts help
    Replies: 8
    Last Post: 06-26-2008, 07:59 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •