testimonials widget

Hi,
The “about us” widget in the creative demo looks awesome. But for our purpose the images are too big and we don’t use the social-media links. So I customised your testimonial widget to suit our needs. This works fine on computerscreens and tablets. The layout distorts however on the screen of smartphones. I tried to use the same image width as your demo-images: can you help me on this?

I copy/paste your code:

<blockquote class="gk-testimonial col2 animate">
<img src="[pageurl]/wp-content/themes/Creativity/images/demo/testimonials/2.jpg" alt="Paul Braddy">
<p>“Want to extend my deepest appreciation for all your help and support! You and your team are awesome.” <cite>Paul Braddy</cite></p>
</blockquote>

and modified it to:

<blockquote class="gk-testimonial col3 animate">
<img src="http://dierenkliniekassen.nl.webhosting90.transurl.nl/wp-content/uploads/2014/12/Steven103x126.jpg" alt="Steven103x126">
<p><cite>Steven Hommes</cite> dierenarts</p>
</blockquote>

Then I added the same code 5 more times for the other team members.

Hi,
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi,

Try to add the following code into css/mobile.css file:

Code: Select all

.gk-testimonial {
   clear: both;
   overflow: hidden;
}


Do I add this at the bottom of the css/mobile.css file?

I allready sorted it out. Works fine now. Thanks.