How to remove white spaces

  • mrlennyman

    (@mrlennyman)


    5 years, 8 months ago

    Hi there,
    I am using your plugin on this site and would like to only show 8 images at any one time.
    When I select 8 it leaves a blank gap where the two previous images were.
    How can I make it so that the widget resizes and fills the screen.
    I have tried using all the sizes and cleared all the caches.

    Many thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Scott (@scottsweb)

    (@scottsweb)

    5 years, 8 months ago

    Looks like you may be using a different widget now and everything is working as expected?

    Thread Starter mrlennyman

    (@mrlennyman)

    5 years, 8 months ago

    I did switch to a different plugin to see if that would resolve the issue.
    And that does work for the homepage.
    I do still have your plugin on the internal pages for now:
    http://37.60.246.69/~ecolodg8/about-us/
    Here you can see the blank spaces at the end – this is where I have selected 8 images…..

    Plugin Author Scott (@scottsweb)

    (@scottsweb)

    5 years, 8 months ago

    It looks like something called slick-slide is setting a hard width of: width: 191px; to each and every list item. This is overwriting the CSS you have for the widget:

    
.widget .instagram-pics li {
    width: 33.3333333333%;
}

    Ideally the width here needs to be 12.5% (100/8) and the slick-slide stuff probably needs to be removed.

    Thread Starter mrlennyman

    (@mrlennyman)

    5 years, 8 months ago

    Ok thanks for that – may just use the other plugin as figuring out what the slick-slide li rule is for is something I dont have the brain capacity for right now!
    Thanks again

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to remove white spaces’ is closed to new replies.