Text alignment issue

Hey @murraysimon!

It looks like something in your theme’s CSS is setting text-align to center. The following placed into our plugin’s Custom CSS box should do the trick!

blockquote.easy_testimonial{ text-align: left; }

Can you let me know if that does the trick? It works great in my inspector.

All the best,
Richard

Hi Richard – many thanks for this, it has improved it, but now text is wrapping around the image. That is not really what I was trying to achieve – I actually liked it centred, but as you probably saw it was all skewed… I have left it left aligned so you can see..

You will notice it stand out in the ‘industrial’ testimonial (the one with the picture of pipes) that the bottom rows of text are under the picture not in a block as would look good.. ?? Is it possible to put the image in a table so the text section is not affected? I am not sure how to do that but I just wondered if that would sort it?

Hey @murraysimon –

If you’d like to push the text over so it doesn’t wrap around the image, try adding some left margin to the above snippet.

You’ll need to tweak this I’m sure, but something along these lines:

blockquote.easy_testimonial { 
    text-align: left;
    margin-left: 150px;
}

Best,
Richard

Hi Richard – once again thank you, but it is now wrapping under the text and the stars have gone ?? I assume this is the plugin not working correctly? When I choose not to have a featured image it works perfectly, but the moment I add an image it looks terrible.I am a bit of a css dunce so any more help would be appreciated.

Hey @murraysimon!

Well, the plugin is working just fine, however the way the default theme is styled isn’t exactly what you want. The default theme is meant to have a left aligned image and text, and the text does wrap underneath the image.

If you center the text, you end up with the first version you have. Personally, I would left align all of the text and add a left margin (adjusting the value using your inspector to get things lined up right) — that would keep the image on the left, all the text left aligned and visible, and nothing wrapping under the image.

Personally I like the following CSS the best:

.testimonial_author {
    margin-left: 160px;
}
.testimonial_body {
    margin-left: 160px;
}

All the best,
Richard

Hi Richard – that is awesome mate – well done! I am very happy with that and learnt something along the way – thanks for giving your time and effort, much appreciated!