Public Forums 71,145 posts

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#140149

Does anyone have a copy of the css code to add to the css folders that give us the Testimonial Quotes with the figure images included.

4874

This one is from the Ja Edenite template….can’t find the code in the css file

You should be able to simply press testimonial style tpye in the styles option box and get this to work

---

Attachments:

1. 

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#300877

mfcphil;123752Does anyone have a copy of the css code to add to the css folders that give us the Testimonial Quotes with the figure images included.

4874

This one is from the Ja Edenite template….can’t find the code in the css file

You should be able to simply press testimonial style tpye in the styles option box and get this to work

Using Firebug it shows that the testimonials box is a div called
<div class=“moduletable_hilite”>

containing
<h3>Testimonials</h3>

<blockquote class=”testimonial”>
<span class=”open”>At</span>
id ut nunc Nullam Quisque Lorem congue metus volutpat mauris.
<span class=”close”>Nulla.</span>
<span class=”author”>
<a title=”Testimonial” target=”_blank” href=”http://www.joomlart.com”>J.Frank</a>
</span>

</blockquote>
<blockquote class=”testimonial“>
<span class=”open”>Lacinia</span>
justo Donec porttitor Mauris vel risus velit neque Vestibulum
<span class=”close”>fames</span>
<span class=”author”>
<a title=”Testimonial” target=”_blank” href=”http://www.joomlart.com”>F.Thomas</a>
</span>
</blockquote>

<blockquote class=”testimonial“>
<span class=”open”>Lacinia</span>
justo Donec porttitor. Justo Donec
<span class=”close”>fames</span>
<span class=”author”>
</span>
</blockquote>

Css found in
div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_hilite {template.css (line 647)
margin:0;
padding:0 10px 10px;

Also in typo.css etc
blockquote.testimonial {typo.css (line 35)
border-bottom:1px solid #E7E8E6;
padding:0 0 10px;
}

blockquote {typo.css (line 21)
padding:1em 40px 1em 15px;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {template.css (line 90)
margin:10px 0;
padding:0;
}

Is this what you wanted?
Cheers ShannonN

1 user says Thank You to ShannonN for this useful post

1. sfpkent

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#300898

Hi Shannon

What I want to know is how to get this working.
There is a testimonial style button in the editor for this template so if you choose that style the effect in the demo should be what we get on the page…its not

So do we need to add some of the info you have shown to the css files or folders?

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#300902

Shannon

Got there in the end using the code you provided.

Turned editor off and played about for a while

<blockquote class=”testimonial”>
<span class=”open”>Start your text here</span>
middle part of your sentence
<span class=”close”>finish it here.</span>
<span class=”author”>
<a title=”Testimonial” target=”_blank” href=”http://www.joomlart.com”>J.Frank</a>
</span>

</blockquote>
<blockquote class=”testimonial”>
<span class=”open”>Lacinia</span>
justo Donec porttitor Mauris vel risus velit neque Vestibulum
<span class=”close”>fames</span>
<span class=”author”>
<a title=”Testimonial” target=”_blank” href=”http://www.joomlart.com”>F.Thomas</a>
</span>
</blockquote>

<blockquote class=”testimonial”>
<span class=”open”>Lacinia</span>
justo Donec porttitor. Justo Donec
<span class=”close”>fames</span>
<span class=”author”>
</span>
</blockquote>

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#300904

mfcphil;123816Hi Shannon

What I want to know is how to get this working.
There is a testimonial style button in the editor for this template so if you choose that style the effect in the demo should be what we get on the page…its not

So do we need to add some of the info you have shown to the css files or folders?

Shannon

Got there in the end using the code you provided.

Turned editor off and played about for a while

Hi Phil
I haven’t actually used the template so was unaware of that button and it’s usage, I merely thought you requested the relevant css to match the panel etc, But in the end I’m glad the supplied code gave you some hints, all’s well that ends well.
ShannonN

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#301037

mfcphil;123816Hi Shannon

What I want to know is how to get this working.
There is a testimonial style button in the editor for this template so if you choose that style the effect in the demo should be what we get on the page…its not

So do we need to add some of the info you have shown to the css files or folders?

Hi Phil
Given your later post and the need to turn off the feature etc. does this mean the testimonial button doesn’t work as planned , if so can you log a bug report with JA ? Best they add it to the list:) if it’s a bug?

Shannon

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#301039

Well the style button certainly did not work as planned…and you have to be careful where your putting your text when your editing or you start losing thing like the quotation marks or the little people figures.

But your right as they have the Testimonial in the css file it should work….the testimonial in the css does not have any link to the little People image though!!

Does look nice on the page 😀

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#301041

Just a pointer on this:

If it was not meant to have the little users image it would just be a blockquote style which would give us the quotation marks.

The testimonial STYLE gives us the image and the quotation marks!!

[Author]

Posts