Testimonials display

hi,

I have created the testimonial module on my site homepage (www.mnwdesigns.co.uk) as the shown in the demo but for some reason it is missing the quotes and icons which makes the avatars appear on the left and not centralised.

Can someone please share some suggestions to fix this problem?

Thank you

Hi.
It's because default editor for modules or articles don't "like" HTML5 tags in Joomla 2.5, and after you open it in TinyMCE or JCE whole HTML5 tags has gone....

replace first <div> with this and you will see diffrence

Code: Select all

<figure>
<img alt="Will Eatwell - WES Doors" src="/templates/gk_simplicity/images/demo/avatar-1.png">
<figcaption><q>A small company with a large service. Very helpful in explaining the setup of their services for my business and most of all a personal service which met my needs.</q></figcaption>
</figure>

remember to disable TInyMCE or JCE for a while..

Whole code as it was in DEMO, you can find here: http://www.gavick.com/documentation/joo ... on-joomla/

find this same module & position --- and click "View HTML code" link

Thank you for responding to my post.

I have tried your suggestions and also by disabling TinyMCE via the global configuration but it looks identical to what I have showing already.

I am clearly doing something wrong somewhere, I think I might need an idiots guide.

Your help is appreciated

I think I might need an idiots guide.

Ok, let's do it ....
I saw that you didn't add my code as I asked ....in post from 13 Dec 2013, 19:26 (!)

no-code.png

Thus, as is the work without the correct code.
There must be HTML5 tags not <div> from HTML4.

Thank you for getting back to me. I can confirm that I did take the needed steps explained by yourself and added them to a test area http://www.mnwdesigns.co.uk/index.php/a ... ward-money.

I've tried disabling the TinyMCE before and after creating the code but neither works. Sorry!

Please see attached, this may help to show what I've done... Thank you.

You forgot to add class "gkTestimonials" for div before ....

Code: Select all

  <div class="gkTestimonials"> 
<div>
<figure>
<img alt="Robert Gavick" src="/gk_simplicity/templates/gk_simplicity/images/demo/avatar-1.png">
<figcaption><q>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque faucibus risus non iaculis. Fusce a augue ante, pellentesque.</q></figcaption>
</figure>
.......

Fantastic!!!

Thank you so much for you patience and help with this. It looks perfect now - thank you!

Mark

No problem, I know that was (must be) something wrong with your code.

If you have any other issues or questions - just ask

Have a nice Day.

Pawel, what editor would you advice that does work with html5 fine? thanks.

Under Joomla 2.5 , hmm - JCE have option to set HTML5 coding as default - but you have to be careful also.

Check others: http://extensions.joomla.org/extensions/edition/editors

JCE have option to set HTML5 coding as default

Ok, Pawel, I set JCE for HTML5, do you have any manual on your site so we know what to pay attention to when working with HTML5? (I did some coding myself years ago, now need to know enough to be able to tweak templates, not to fully know the HTML5). Thanks.

Sure.
You can use general settings for all profiles.

jce1.png

Check if whole HTML5 works fine, if not you have to change Validate HTML - from Yes to No, this will disable cleanup content based on the Doctype.

Ok, thanks!

Sure.
Check if whole HTML5 works fine

It seems like it did work fine even before I changed settings. (At first I was editing template's modules with no clue it's html5, but still seems to work).