Public Forums 71,145 posts

[minnamie Friend minnamieJoin date: December 2012Posts: 19Downloads:1Uploads:1 Thanks: 5]

#202609

Hi

I’m using corporate template on purity III and I cannot make the slideshow background image work. I have already looked throught this thread: http://www.joomlart.com/forums/topic/what-is-the-right-way-to-set-image-path/

And no help. Please advise what to do?

Also another “problem” concerns the contact form, which I copy-pasted from JA Medicare. How can I make ti work? 🙂

Thanks in advance.

Br,
Minna

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#554838

Hi Minna,

<blockquote>I cannot make the slideshow background image work</blockquote>
So confused here, I’m not sure you’re mentioning about background image or slideshow image.

If it’s slideshow, it belongs to a custom HTML module. You should turn off the ‘Default Editor’ in ‘Global Configuration’ first, then add content for this slideshow again.

Here is content in our demo site:


<div class="container">

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">

<div class="item active">
<img src="images/joomlart/slideshow/sl-1.jpg" alt="Sample image" />
<div class="carousel-caption">
<h2>Your perfect starting template, Purity III</h2>
<p>Either it's your first time with Joomla or you are a developer already, Purity III won't let you down.</p>
</div>
</div>

<div class="item">
<img src="images/joomlart/slideshow/sl-2.jpg" alt="Sample image" />
<div class="carousel-caption">
<h2>This is the best FREE Joomla 3 template!</h2>
<p>We have drunken too much of the best… but this repsonsive Joomla template truly is, and IT'S FREE!</p>
</div>
</div>
<div class="item">
<img src="images/joomlart/slideshow/sl-3.jpg" alt="Sample image" />
<div class="carousel-caption">
<h2>The next generation of Purity series</h2>
<p>Sophisticated in Design, Brilliant in Features. That's how we define Purity Series.</p>
</div>
</div>
</div>

<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>

</div>


[minnamie Friend minnamieJoin date: December 2012Posts: 19Downloads:1Uploads:1 Thanks: 5]

#554893

Hi

Sorry, I meant background image, not slideshow image. There is already background image url (/….etc) in my custom.css file and also the background color. The background image is not showing. I don’t understand why? 🙂

Br,
Minna

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#554940

Could you post the URL of page where I can see the slideshow? The provided URL in this thread is incorrect.

[minnamie Friend minnamieJoin date: December 2012Posts: 19Downloads:1Uploads:1 Thanks: 5]

#555208

I pm’d you the url and other details.

Br,
Minna

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#555392

Hi Minna,

I just changed in the file: /templates/purity_iii/css/custom.css with:


.corporate .slideshow {
background: url("../images/backgroundimage.jpg") repeat scroll 0 0 #4e5fa3 !important;
border-bottom: 1px solid #eeeeee
padding: 40px 0;
}


The background image is showing now.

1 user says Thank You to Saguaros for this useful post

1. katarinas

[Author]

Posts