WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. ebiz98
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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

About this Topic