Hero Slider

Tara theme comes with inbuilt slider powered by JavaScript and CSS3. No additional module is required for this.

image

How to manage homepage slider

Homepage slider can be managed from theme settings page.

Navigate to: Administration Appearance Appearance settings Tara

example.com/admin/appearance/settings/tara

image

How to show default slider

Enable slider and leave slider code box empty.

image

How To Change Slider Text

Enable slider and enter your own slider code to override the default slider. Each slide should be enclosed in <li> tag. Below code will create three slides.

1
2
3
<li>This is FIRST slider text</li>
<li>This is SECOND slider text</li>
<li>This is THIRD slider text</li>

Default Slider Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<li>
  <h1>Slider Heading One</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
  <a class="button" href="#">read more</a>
</li>
<li>
  <h1>Slider Heading Two</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
  <a class="button" href="#">read more</a>
</li>
<li>
  <h1>Slider Heading Three</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
  <a class="button" href="#">read more</a>
</li>
<li>
  <h1>Slider Heading Four</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
  <a class="button" href="#">read more</a>
</li>