WordPress.org

Ready to get started?Download WordPress

Forums

Meta Slider
[resolved] slider not fitting width and nav buttons off center (6 posts)

  1. anmaree.annarbortees
    Member
    Posted 7 months ago #

    For some reason my slider is not extending the width of my container. The images, slider, and container are all 1000px. Why is it not fitting the width of the container? Also why are the nav arrow buttons off center?

    This has happened to be before and I dont know why?

    http://wordpress.org/plugins/ml-slider/

  2. Matcha Labs
    Member
    Plugin Author

    Posted 7 months ago #

    Hi anmaree,

    Please could you send me a link to your site? Your theme's CSS is probably adding some padding or a margin to the slideshow HTML.

    Regards,
    Tom.

  3. anmaree.annarbortees
    Member
    Posted 7 months ago #

  4. Matcha Labs
    Member
    Plugin Author

    Posted 7 months ago #

    Thanks,

    Please try adding this CSS to your themes style.css file:

    .flexslider .slides img {
        max-width: 100%;
        margin: 0;
    }

    Regards,
    Tom

  5. anmaree.annarbortees
    Member
    Posted 7 months ago #

    that doesnt seem to make a difference. This is strange to because I have a lot of different sites with the same theme that use this plugin and it works normally.

  6. Matcha Labs
    Member
    Plugin Author

    Posted 7 months ago #

    Hi Anmaree,

    It looks correct to me now - before the images weren't extending to the full width of the slideshow as they were set to have a max-width of 97%, and 7px margin (if I remember correctly). If you're referring to the fact that the footer is wider than the slideshow, and the slideshow is wider than the header, then that's a problem with your theme CSS rather than Meta Slider - you'll need to tweak your column widths so that they all line up.

    Edit, just taken a close look at your theme; Remember that a container which is 1000px wide, with 10px padding on the left and right, will render as 1020px wide in total. If you're not using FireBug or Chrome Developer tools to help with your CSS editing then I strongly advise taking a look at one of them, they're simple to use and make your life even simpler :)

    Have you cleared your browser cache?

    Regards,
    Tom.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.