Joomla Templates Club 406,261 posts

[98565 Friend 98565Join date: October 2013Posts: 8Downloads:0Uploads:6 Thanks: 3]

#191517

I’m experience some problems with the images incorporated in the design.
Specific the dynamic images are shown double.
See the screenshots:

How can this problem be solved?

---

Attachments:

1. 
2. 
3. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#509659

Because source code added on custom output module does not work. I helped you to add it right way

+ Hero Unit module

From


<span style="color:#000080"><div class="hero-unit"></span>
<span style="color:#000080"><h1></span>Simplicity Isn’t Simple.<span style="color:#000080"></h1></span>
<span style="color:#000080"><p></span>Design is a word that’s come to mean so much that it’s also word that has come to mean nothing.<span style="color:#000080"></p></span>
<span style="color:#000080"><p></span><span style="color:#008000"><a class="btn btn-primary btn-large btn-tpl-1" href="index.php?Itemid=435#our_portfolio"></span>View Our Works<span style="color:#008000"></a></span><span style="color:#000080"></p></span>
<span style="color:#000080"><p class="btn_unit"></span><span style="color:#008000"><a class="arrow-down img-circle" href="index.php?Itemid=435#our_portfolio"></span>Arrow down<span style="color:#008000"></a></span><span style="color:#000080"></p></span>
<span style="color:#000080"></div></span>


Change to


<div class="hero-unit">
<h1>Simplicity Isn’t Simple.</h1>
<p>Design is a word that’s come to mean so much that it’s also word that has come to mean nothing.</p>
<p><a href="http://www.joomlart.com/joomla/templates/showcase" class="btn btn-primary btn-large btn-tpl-1" target="_blank">View Our Works</a></p>
<p class="btn_unit"><a href="/jadev2_data/sites/auto/qs.onepagej25.1382330459/#our_portfolio" class="arrow-down img-circle">Arrow down</a></p>
</div>


+ Introducing module

From


<span style="color:#000080"><div class="introducing"></span>
<span style="color:#000080"><div class="span4 block"></span>
<span style="color:#000080"><div class="block-img"></span><span style="color:#000080"><i class="introducing-icon1"></span> <span style="color:#000080"></i></span><span style="color:#000080"></div></span>
<span style="color:#000080"><h3 class="block-title"></span>Web & UI Design<span style="color:#000080"></h3></span>
<span style="color:#000080"><div class="block-content"></span>
<span style="color:#000080"><p></span>Metus Vestibulum cursus elit pretium auctor cursus lorem Vestibulum eros sagittis. Netus pede Vestibulum Quisque Nam pretium Donec ut vitae quis parturient. Auctor vel non <span style="color:#008000"><a href="#" title="Sample link"></span>phasellus tincidunt<span style="color:#008000"></a></span>.<span style="color:#000080"></p></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"><div class="span4 block"></span>
<span style="color:#000080"><div class="block-img"></span></span><span style="color:#000080"><i class="introducing-icon2"></span> <span style="color:#000080"></i></span><span style="color:#000080"></div></span>
<span style="color:#000080"><h3 class="block-title"></span>Corporate Design<span style="color:#000080"></h3></span>
<span style="color:#000080"><div class="block-content"></span>
<span style="color:#000080"><p></span>Condimentum platea cursus porta tellus eros consectetuer metus Sed aliquet tempus. Laoreet non ac porta urna Vestibulum congue id eu elit dignissim. Sollicitudin vitae ipsum massa enim lacus.<span style="color:#000080"></p></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"><div class="span4 block"></span>
<span style="color:#000080"><div class="block-img"></span> </span><span style="color:#000080"><i class="introducing-icon3"></span> <span style="color:#000080"></i></span><span style="color:#000080"></div></span>
<span style="color:#000080"><h3 class="block-title"></span>iOS Development<span style="color:#000080"></h3></span>
<span style="color:#000080"><div class="block-content"></span>
<span style="color:#000080"><p></span>Buspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera magna pharera aliquet. Nulla uitae elit libero, a pharetra augue nulla ligula massa.<span style="color:#000080"></p></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"><div class="span4 block"></span>
<span style="color:#000080"><div class="block-img"></span> </span><span style="color:#000080"><i class="introducing-icon1"></span> <span style="color:#000080"></i></span><span style="color:#000080"></div></span>
<span style="color:#000080"><h3 class="block-title"></span>4e pijler<span style="color:#000080"></h3></span>
<span style="color:#000080"><div class="block-content"></span>
<span style="color:#000080"><p></span>Buspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera magna pharera aliquet. Nulla uitae elit libero, a pharetra augue nulla ligula massa.<span style="color:#000080"></p></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"></div></span>


Change to


<div class="introducing">
<div class="span4 block">
<div class="block-img"><em class="introducing-icon1">*</em></div>
<h3 class="block-title">Web & UI Design</h3>
<div class="block-content">
<p>Metus Vestibulum cursus elit pretium auctor cursus lorem Vestibulum eros sagittis. Netus pede Vestibulum Quisque Nam pretium Donec ut vitae quis parturient. Auctor vel non <a href="#" title="Sample link">phasellus tincidunt</a>.</p>
</div>
</div>
<div class="span4 block">
<div class="block-img">*</div>
<h3 class="block-title">Corporate Design</h3>
<div class="block-content">
<p>Condimentum platea cursus porta tellus eros consectetuer metus Sed aliquet tempus. Laoreet non ac porta urna Vestibulum congue id eu elit dignissim. Sollicitudin vitae ipsum massa enim lacus.</p>
</div>
</div>
<div class="span4 block">
<div class="block-img">*</div>
<h3 class="block-title">iOS Development</h3>
<div class="block-content">
<p>Buspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera magna pharera aliquet. Nulla uitae elit libero, a pharetra augue nulla ligula massa pharera aliquet.</p>
</div>
</div>
</div>


+ Awesome Team module

From


<span style="color:#000080"><div class="span6 testimonial"></span><span style="color:#800080"><img class="img_grayscale" src="images/joomlart/demo/avartar-1.jpg" border="0" alt="Sample image" /></span>
<span style="color:#000080"><blockquote></span>
<span style="color:#000080"><p></span>Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera aliquet. Nulla vitae elit libero, a pharetra augue.<span style="color:#000080"></p></span>
<span style="color:#000080"><small></span>Benjamin Dyer, <span style="color:#000080"><cite title="Source Title"></span>Dribbble<span style="color:#000080"></cite></span><span style="color:#000080"></small></span><span style="color:#000080"></blockquote></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"><div class="span6 testimonial"></span><span style="color:#800080"><img class="img_grayscale" src="images/joomlart/demo/avartar-2.jpg" border="0" alt="Sample image" /></span>
<span style="color:#000080"><blockquote></span>
<span style="color:#000080"><p></span>Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera aliquet. Nulla vitae elit libero, a pharetra augue.<span style="color:#000080"></p></span>
<span style="color:#000080"><small></span>Jay Robinson, <span style="color:#000080"><cite title="Source Title"></span>Circle<span style="color:#000080"></cite></span><span style="color:#000080"></small></span><span style="color:#000080"></blockquote></span>
<span style="color:#000080"></div></span>


Change to


<div class="span6 testimonial"><img class="img-grayscale" src="images/joomlart/demo/avartar-1.jpg" border="0" alt="Sample image" />
<blockquote>
<p>Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera aliquet. Nulla vitae elit libero, a pharetra augue.</p>
<small>Benjamin Dyer, <cite title="Source Title">Dribbble</cite></small></blockquote>
</div>
<div class="span6 testimonial"><img class="img-grayscale" src="images/joomlart/demo/avartar-2.jpg" border="0" alt="Sample image" />
<blockquote>
<p>Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera aliquet. Nulla vitae elit libero, a pharetra augue.</p>
<small>Jay Robinson, <cite title="Source Title">Circle</cite></small></blockquote>
</div>


Please check it again let me know if it helps

[98565 Friend 98565Join date: October 2013Posts: 8Downloads:0Uploads:6 Thanks: 3]

#509807

Unfortunattly,
This doesn’t help. It gets things even worse.

Okay. The double image from the Hero unit it’s gone.
But the title isn’t displayed anymore.

2 After chanching te code, The images of the “introducing” unit are gone.
3 “Awesome team” module displays the exact same as the happy clients section.

Can you please provide me the code of the partners module?
Since in the user guide of this template the wrong code is displayed for this module.

Thanks,

---

Attachments:

1. 
2. 
3. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#510018

Hi 98565,

Before applying the sample data content of the partners module on JA Onepage template, you should go administration >> Global configuration >> set Editor – None to Default Editor. By that ways, all <> tag elements will be stored correctly after you click on Save button of module.

<div class="span2">
<a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-1.png" alt="Sample clients" /></a>
</div>

<div class="span2">
<a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-2.png" alt="Sample clients" /></a>
</div>

<div class="span2">
<a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-3.png" alt="Sample clients" /></a>
</div>

<div class="span2">
<a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-4.png" alt="Sample clients" /></a>
</div>

<div class="span2">
<a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-5.png" alt="Sample clients" /></a>
</div>

<div class="span2">
<a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-6.png" alt="Sample clients" /></a>
</div>

1 user says Thank You to phong nam for this useful post

1. 98565

[98565 Friend 98565Join date: October 2013Posts: 8Downloads:0Uploads:6 Thanks: 3]

#510298

Thanks for your reply.
The partner section is solved.
I’, still struggeling with the awesome team section.
I’ve found out that the “awesome team” code in the manual is’nt correct.
It contains a lot of unnessecary span tags.
Can you please provide the right code for the awesome team section?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#510300

Hi there,

Here are the HTML markup content of Awesome Team module on our JA Onepage demo:

<div class="introduction">Consectetur adipiscing elit. Donec pellentesque venenatis elit, quis aliquet mauris malesuada vel. Donec vitae libero dolor, eget dapibus justo. Aenean facilisis aliquet feugiat. Suspendisse lacinia congue est ac semper. Nulla ut elit magna, vitae volutpat magna. Vivamus eu erat lectus est ac semper.</div>

<ul class="thumbnails">
<li class="span3">
<div class="thumbnail">
<div class="thumb-mask">
<div class="mask"> </div>
<div class="mask-inner">
<img class="img-grayscale" src="images/joomlart/demo/sam-1.jpg" alt="Sample image" />
</div>
</div>
<div class="caption">
<h3>John Doe</h3>
<p class="meta">Creative designer</p>
<p><strong>Laoreet vestibulum</strong> cursus elit fringilla pretium Sed ut sodales quis pretium. Lorem vestibulum orci in commodo vestibm est ac semper.</p>
<ul class="social-list">
<li><a class="facebook" href="#" title="Facebook">Facebook</a></li>
<li><a class="twitter" href="#" title="Twitter">Twitter</a></li>
<li><a class="flicker" href="#" title="Flicker">Flicker</a></li>
</ul>
</div>
</div>
</li>

<li class="span3">
<div class="thumbnail">
<div class="thumb-mask">
<div class="mask"> </div>
<div class="mask-inner">
<img class="img-grayscale" src="images/joomlart/demo/sam-2.jpg" alt="Sample image" />
</div></div>
<div class="caption">
<h3>Jonnathan Orgen</h3>
<p class="meta">Video Specialist</p>
<p>Suspendisse et vivamus accumsan <a href="#" title="Sample link">phasellus auctor</a> nisl mauris facilisi aliquam et. Justo enim justo curabitured senectus donec pretium.</p>
<ul class="social-list">
<li><a class="facebook" href="#" title="Facebook">Facebook</a></li>
<li><a class="twitter" href="#" title="Twitter">Twitter</a></li>
<li><a class="flicker" href="#" title="Flicker">Flicker</a></li>
</ul>
</div>
</div>
</li>

<li class="span3">
<div class="thumbnail">
<div class="thumb-mask">
<div class="mask"> </div>
<div class="mask-inner">
<img class="img-grayscale" src="images/joomlart/demo/sam-3.jpg" alt="Sample image" />
</div></div>
<div class="caption">
<h3>Michael Smith</h3>
<p class="meta">Graphic designer</p>
<p>Fringilla non adipiscing magna ligula quam Vestibulum Donec est Quisque tellus. Convallis enim ante eros eros In lorem ipsum purus.</p>
<ul class="social-list">
<li><a class="facebook" href="#" title="Facebook">Facebook</a></li>
<li><a class="twitter" href="#" title="Twitter">Twitter</a></li>
<li><a class="flicker" href="#" title="Flicker">Flicker</a></li>
</ul>
</div>
</div>
</li>

<li class="span3">
<div class="thumbnail">
<div class="thumb-mask hiring">
<div class="mask"> </div>
<div class="mask-inner hiring">
<img class="img-grayscale" src="images/joomlart/demo/sam_blank.png" alt="Sample image" />
</div></div>

<div class="caption">
<h3>We are Hiring!</h3>
<p class="meta">CSS guru</p>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec elit non mi porta gravida at eget metus. Nullam nibh ultricies <a href="#" title="Sample link">vehicula elit</a>.</p>
</div>

</div>
</li>
</ul>

Again, make sure you select Editor – None before saving the HTML markup content inside any modules.

[Author]

Posts