absolute positioning?

I can’t diagnose what I can’t see ??

There is no absolute positioning in the plugin. There is high specificity in order to allow multiple templates on the same page.

Depending on which element you’re applying your CSS to, you may simply need to match or increase the specificity in your inline CSS.

You could also try modifying the plugin template CSS first to see what works for certain, then move the CSS inline.

Yeah, I tried specificity… but I’m still seeing the absolute positioning: https://imgur.com/2AoliE8

My mistake. I forgot about that in the slideshow (part of Cycle script).

I can’t picture what you’re trying to do. Is the entire testimonial centered in its container? Or are elements within the testimonial, like the content, centered?

The container of the testimonial is 100% (about 960px or so). When there’s enough content to fill the entire space, it’s centered – and really long testimonials do remain centered. But if the testimonial is a short one (6-7 words), it looks left aligned, and the author line (which I have aligned right on its own line) will only go as far to the right as the line above it.

So, it’s clear that the plugin is judging the width of the content, and then only allowing that much width for the entire block.

Bummer, too – before that inline css kicks in, a short testimonial will load on the page and be centered, and then it jumps to the left once the absolute piece takes over.

Is there any way to disable that absolute positioning, or?

The plugin makes no allotment for width. It tries to fill 100% of its container. If it does not stretch and jumps left, then it sounds like a parent div is floated left, which is common in multipurpose themes with fluid layouts. It’s expecting static content longer than one line or a slider with images of equal width.

And yes, the slideshow needs absolute positioning to work. (It’s only absolute to its relative parent div.)

So to mimic images of equal width, try setting a min-width on the testimonial view container.

.strong-view-id-1 {
  min-width: 960px;
}

or

.strong-view-id-1 {
  min-width: 800px;
  margin: 0 auto;
}

or try something similar on that specific widget container.

But that breaks the fluid layout if the screen drops below 960px so you may need to add responsive rules too.

There are other rules like inline-block and white-space that may be contributing.

Is this an off-the-shelf Genesis theme that I can get my hands on or a custom theme you’re building?

Thanks for your help, Chris – I did try the css you mentioned, but nothing is overriding that scripting/absolute positioning, and not being able to center testimonials, though, is a deal-breaker in this particular case.

Otherwise, though, it’s a nice plugin, and I wish you luck with it!

I understand. Please let me know if you find a plugin with a slideshow that works for you so I can learn from it.