# Slider assistance required for show theme

**URL:** <https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569>\
**Category:** RapidWeaver Classic\
**Created:** [November 22, 2018, 4:43pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569 "2018-11-22T16:43:27Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brookie](https://avatars.discourse-cdn.com/v4/letter/b/848f3c/32.png) [@Brookie](https://forums.realmacsoftware.com/u/Brookie)\
**Post date:** [November 22, 2018, 4:43pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/1 "2018-11-22T16:43:28Z")

</div>

Novice user needs assistance with slider banner in show. Cannot seem to get my images to display and replace the example ones. I changed the 1st slider to this:

  

to test but a blank image appeared on preview.

Below is the original code from the show theme tutorial

# Page built with Stacks.

Show includes a FREE Stack called "Gridly" that you can use to create pages like this!

[Learn More](#two)

# Slide 2

# Slide 3

# Slide 4

# Slide 5

---

<div class="post-metadata">

**Author:** ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\
**Post date:** [November 22, 2018, 8:23pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/2 "2018-11-22T20:23:01Z")

</div>

To show code on here, highlight the code and click the \</\> button in the toolbar if the editor

---

<div class="post-metadata">

**Author:** ![Brookie](https://avatars.discourse-cdn.com/v4/letter/b/848f3c/32.png) [@Brookie](https://forums.realmacsoftware.com/u/Brookie)\
**Post date:** [November 22, 2018, 9:12pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/3 "2018-11-22T21:12:14Z")

</div>

`&lt;div id="myExtraContent1"&gt; &lt;div class="wt-slider"&gt; &lt;div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"&gt; &lt;div class="s-item"&gt; &lt;h1&gt;Page built with Stacks.&lt;/h1&gt; &lt;p&gt;Show includes a FREE Stack called "Gridly" that you can use to create pages like this!&lt;/p&gt; &lt;a href="#two" class="button scrolly"&gt;Learn More&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"&gt;&lt;div class="s-item"&gt;&lt;h1&gt;Slide 2&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"&gt;&lt;div class="s-item"&gt;&lt;h1&gt;Slide 3&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"&gt;&lt;div class="s-item"&gt;&lt;h1&gt;Slide 4&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"&gt;&lt;div class="s-item"&gt;&lt;h1&gt;Slide 5&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;`

thanks for your help - here is the code which I’m using from the show theme. I have the image I want to use in resources. When i replace (images/banners/banner\_1.jpg)%) to (resources/banner\_1)%) i get a blank. I guess I am doing it totally wrong.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 22, 2018, 9:22pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/4 "2018-11-22T21:22:30Z")

</div>

Not sure how you put the code into the forum or your project.

```auto
<div id="myExtraContent1">
	<div class="wt-slider">
		<div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)">
			<div class="s-item">
				<h1>Page built with Stacks.</h1>
				<p>Show includes a FREE Stack called "Gridly" that you can use to create pages like this!</p>
				<a href="#two" class="button scrolly">Learn More</a>
			</div>
		</div>
		<div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"><div class="s-item"><h1>Slide 2</h1></div></div>
		<div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"><div class="s-item"><h1>Slide 3</h1></div></div>
		<div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"><div class="s-item"><h1>Slide 4</h1></div></div>
		<div class="s-slide" style="background-image:url(%pathto(images/banners/banner_1.jpg)%)"><div class="s-item"><h1>Slide 5</h1></div></div>
	</div>
</div>

```

Above is from [http://preview.weaverthemes.com/show/extras/tutorials/](http://preview.weaverthemes.com/show/extras/tutorials/)

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 22, 2018, 9:43pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/5 "2018-11-22T21:43:19Z")

</div>

Make sure you paste as plan text.  
To use resources try  
Replacing the entire url statement:  
`url(%pathto(images/banners/banner_1.jpg)%)`  
With:  
`url("%resource(my-image.jpg)%")`

Change the `my-image.jpg` With the image name.

---

<div class="post-metadata">

**Author:** ![Brookie](https://avatars.discourse-cdn.com/v4/letter/b/848f3c/32.png) [@Brookie](https://forums.realmacsoftware.com/u/Brookie)\
**Post date:** [November 23, 2018, 10:09am UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/6 "2018-11-23T10:09:16Z")

</div>

Unfortunately it didn’t work but thanks for trying to help me.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 23, 2018, 10:38am UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/7 "2018-11-23T10:38:55Z")

</div>

I don’t have the theme you are using, a URL to the site might help. Can you post the code as you have it on the site?  
Might contact the developer.

---

<div class="post-metadata">

**Author:** ![Brookie](https://avatars.discourse-cdn.com/v4/letter/b/848f3c/32.png) [@Brookie](https://forums.realmacsoftware.com/u/Brookie)\
**Post date:** [November 23, 2018, 12:42pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/8 "2018-11-23T12:42:07Z")

</div>

Thank you again - this is the tutorial that provides instructions to add the slider banner. [http://preview.weaverthemes.com/show/extras/tutorials/](http://preview.weaverthemes.com/show/extras/tutorials/)

It works correctly with this code and his images but replacing the images with my own and making it work is proving an issue. I did email him but as yet have had no reply.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 23, 2018, 1:00pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/9 "2018-11-23T13:00:32Z")

</div>

> [@Brookie](#):
>
> this is the tutorial that provides instructions to add the slider banner.

That’s why we need to see **Your Code** and your URL. There is something you are doing differently. I already referenced the tutorial URL above. When working with CSS, HTML, and inserting resources something as simple as a comma or bracket will “break” the site.

Without seeing what you have there’s no way to get help.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [December 23, 2018, 11:00pm UTC](https://forums.realmacsoftware.com/t/slider-assistance-required-for-show-theme/23569/10 "2018-12-23T23:00:33Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.