Thinner slides are left justified

  • Resolved garyloewenthal

    (@garyloewenthal)


    11 years, 6 months ago

    Hi,

    My first slideshow with Meteor Slides is working great. In that slideshow, all the slides are the same size. I’m having problems with the second slideshow, in which the slides are different sizes. The biggest problem is that the thinner slides are being left-justified instead of horizontally centered.

    I made a test page to show the problem: http://humanefacts.org/wp/test

    Info that I hope is relevant:

    The first slide is 613 X 407
    The second slide is 271 X 407
    The third slide is 599 X 387

    Here is the shortcode I use for the slideshow:
    [meteor_slideshow slideshow=”dairy-veal-farm-slideshow” metadata=”height: 407, width: 613″]

    I have a second slideshow on the site(though not on the test page). All the slides for that sideshow are 711 X 380.

    On the Meteor Slides settings, I set the height to 407 and the width to 711, to accommodate the largest height and largest width of all the slides. I hope I did that right.

    I haven’t customized the Meteor Slides css.

    Thanks!

    https://wordpress.org/plugins/meteor-slides/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    11 years, 6 months ago

    Hi, it looks like you have everything setup correctly. The issue is that your theme has some image styles that are conflicting with the plugin’s styles. If you add this CSS to your theme’s stylesheet, that should fix it:

    #content .meteor-slides .mslide img {
	float: none;
}
    Thread Starter garyloewenthal

    (@garyloewenthal)

    11 years, 6 months ago

    Thank you for the reply. Unfortunately, I added the CSS to the stylesheet, but that did not fix the problem. I also tried adding !important. The slides are still left-justified.

    Plugin Author Josh Leuze

    (@jleuze)

    11 years, 6 months ago

    I don’t see that CSS in any of your stylesheets, which one did you add it to? Or did you add it to the CSS in the theme options? I don’t think this rule is being outputted.

    Thread Starter garyloewenthal

    (@garyloewenthal)

    11 years, 6 months ago

    You are right! I added the code to styles.css, but apparently it uses style.min.css. Now the slides justify correctly! Thanks so much!

    Plugin Author Josh Leuze

    (@jleuze)

    11 years, 6 months ago

    No problem!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Thinner slides are left justified’ is closed to new replies.