Hey guys,

 

Could you take a look at the link below, scroll down to the testimonials area, as the first testimonial slides to the next, you will notice that the area increases/decreases in size, and so does the 4 square bullet points. I realise this is due to the testimonials being different lengths. Is there anything I can do to make that area fixed so that the jumping around does not happen?

 

I'm not great with code or CSS, so consider me a complete dummy and give me as much detail into how it can be fixed as possible. Thanks very much chaps.

 

http://metalpotato.com/mpnew/

Maybe something like

 

#what-do-our-customers-say .inner {
padding-top: 80px;
padding-bottom: 80px;
height: 320px;
position: relative;
}

.testimonials-tab .etabs {
margin: 30px 0 0 0;
padding: 0;
overflow: inherit;
line-height: 1;
position: absolute;
top: 225px;
left: 52%;
}

and adjust with mediaqueries for smaller screen size

That fixed my problem perfectly. I really do wish I was 10% as knowledgable as you. Cheers dude.