WordPress.org

Forums

Responsive NextGEN Flex Slider Template
[resolved] Image Slider - not full width Image (7 posts)

  1. ebiz98
    Member
    Posted 2 years ago #

    I would like to use the plugin as a image slideshow (like one of your screenshots)

    I have setup the slider options to:
    Display: Image Only
    Image width: 100%

    Two questions:
    1) The image is still 3/4 of the with of the white space. Any ideas why?
    2) Is there a way to change the white background to another color?

    Thanks!

    http://wordpress.org/extend/plugins/nextgen-flex-slider-template/

  2. Mohsin Rasool
    Member
    Plugin Author

    Posted 2 years ago #

    It should be 100% width of the container. Your container might be of full width. Can you give me a test URL where I can check?

    Thanks

  3. ebiz98
    Member
    Posted 2 years ago #

    Many thanks for the incredible fast reply!

    http://surl.jp201.com/?fem

    As you can see the setting is set to 100%, -
    When I set the image width to 500px it is a bit better, but still the white border is "thick"..

    Images in the gallery are set to auto-resize to 800x600

  4. Mohsin Rasool
    Member
    Plugin Author

    Posted 2 years ago #

    As I suspected, one of your stylesheet's css rule making image resize to 500px. Please add following CSS to your style.css to fix it.

    .flexslider .feature-image img {
       max-width: 100% !important;
    }

    Once you add it, slider will look awesome. :-)

    btw, very nice test page you set up.

  5. ebiz98
    Member
    Posted 2 years ago #

    Ah! perfect.. Works!
    MANY thanks for the comment and the response.

    On the second question:
    2) Is there a way to change the white background to another color?

  6. ebiz98
    Member
    Posted 2 years ago #

    (hope you do not mind I am testing this :-)

    Sorry - one more issue I found:
    One of the images I have in the slide set is portrait image 400x600
    the slider resizes it BIG (like double the size)
    (you can see it in the test page, the 5th picture).

    Thoughts?

  7. Mohsin Rasool
    Member
    Plugin Author

    Posted 2 years ago #

    Well, to change or disable white background

    .flexslider {background:none !important;box-shadow:none !important}
    .flexslider .slides{background:none !important;}

    And to fix the portrait, you should resize images to width of your content i.e. 500px otherwise you will notice crop on the right side of the landscape pictures. Please replace the CSS I gave earlier with following

    .flexslider .feature-image img {
    max-width: none !important;
    width: auto !important;
    display: inline !important; /* To centralize the portrait photos*/
    }

    Thanks for testing out. I do feel that plugin should have option to change the background. I will add it in next upgraded (in couple of days).

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Responsive NextGEN Flex Slider Template
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic