Joomla Templates Club 406,261 posts

[portalworks Friend portalworksJoin date: March 2008Posts: 27Downloads:0Uploads:3 Thanks: 3]

#127418

Why doe the following entry not display the ‘author’ icon or the closing quotation (Blockquote)?

<blockquote><span class=”open”>At</span> id ut nunc Nullam Quisque Lorem congue metus volutpat mauris. <span class=”close”>Nulla.</span><span class=”author”><a href=”http://www.joomlart.com” target=”_blank” title=”Testimonial”>J.Frank</a></span></blockquote><blockquote><span class=”open”>Lacinia</span> justo Donec porttitor Mauris vel risus velit neque Vestibulum <span class=”close”>fames</span><span class=”author”><a href=”http://www.joomlart.com” target=”_blank” title=”Testimonial”>F.Thomas</a></span></blockquote><blockquote><span class=”open”>Lacinia</span> justo Donec porttitor. Justo Donec <span class=”close”>fames</span><span class=”author”><a href=”http://www.joomlart.com” target=”_blank” title=”Testimonial”>A.Landon</a></span></blockquote>
__________________________________________________________
By changing the close to only have the final character I have managed to get it to close correctly but with no ‘Author’ image

The image exists in the correct directory based on the css file and can be displayed by using the following:

<img src=”../templates/ja_edenite/images/icon-author.gif” border=”0″ hspace=”10″ width=”10″ height=”10″ />

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#244966

can u send your URL?

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#244981

Hi portalworks,

Open the typo.css file in the template folder and search the following CSS code ( about line 149.)


div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
font-weight: bold;
margin-left: 15px;
padding-left: 0;
}


replace it by:


div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
font-weight: bold;
margin-left: 15px;
padding-left: 15px;
background: url(../images/icon-author.gif) no-repeat center left;
}


[portalworks Friend portalworksJoin date: March 2008Posts: 27Downloads:0Uploads:3 Thanks: 3]

#245010

Trungch
Thank you for your reply.

The function I am trying to use is Blockquote, therefore am I right in saying that making the change you suggest will have no effect on what I am trying to acheive?

The current code in the typo css is
__________________________

blockquote {
padding: 1em 40px 1em 15px;
}

blockquote span.open {
background: url(../images/so-q.gif) no-repeat left top;
padding: 0 0 0 15px;
}

blockquote span.close {
background: url(../images/sc-q.gif) no-repeat bottom right;
padding: 0 15px 0 0;
}

blockquote.testimonial {
padding: 0 0 10px;
border-bottom: 1px solid #E7E8E6;
}

blockquote.testimonial span.author {
background: url(../images/icon-author.gif) no-repeat 5px center;
display: block;
font-weight: bold;
margin-top: 5px;
padding-left: 20px;
_________________

[Author]

Posts