Slider box displaced

Does your theme provide a [clear] shortcode or something that is usually added after a set of columns to clear their floats? If I add

<div class="clear"></div>

above the testimonial slider markup it shows correctly. In addition if I remove your 4 columns it shows correctly.

Can you see what happens if you put the slider above your four columns?

You’ll also need to remove the bullet that your that theme adds to all list (“li”) tags:

.bne-testimonial-slider.bne-flexslider li { list-style-type: none; }

This works! Thank you!

Is there also a way to add another image to each testimonial, like a quote image?

Thank you!

You can either add your image in the visual/text editor of the testimonial or use a CSS before pseudo class on .bne-testimonial-description.

.bne-testimonial-description::before {
    content: url('path_to_image.png');
}

Using the pseudo class, you’ll want to size your image first and then further position it with css.

Thank you!

Hey Bluenotes,

Sorry to bother you again — the code causes the same problem as me using the quote button as a bullet… The text gets pushed down.

Is there a way to make a quote image flush with the text and then the featured image? I’ve been trying out code these few days but it’s not getting there.. So thought to ask!

Like I said, you’ll need to position it. Try adding float: left to it.

.flex-content::before {
    content: url('https://thepetiteco.com/shannondcaldwell/wp-content/uploads/2015/09/SC_Quote.png');
    float: left;
    margin-right: 20px;
}

I did try, but it didn’t seem to work!

I paid someone to do it for me.
Thank you, though! I appreciate the plugin and the help.