Slideshow

Slideshow

2.4 Installing Revolution Slider

proistak September 8, 2014 Slideshow
  1. First install the latest Revolution Slider plugin
  2. Import the demo content from the themeforest/demo/home.zip file
  3. The extra css that the slider uses(already imported) is
.tp-caption.huge_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 900;
font-size: 72px;
line-height: 72px;
font-family: ‘Lato’, sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.tp-caption.medium_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 400;
font-size: 24px;
line-height: 24px;
font-family: ‘Lato’, sans-serif;
padding: 0px 4px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#000;
background-color: rgba(0,0,0,.9);
padding: 10px;
}
.tp-caption.very_large_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 900;
font-size: 60px;
line-height: 60px;
font-family: ‘Lato’, sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption span.light_text {
font-weight: 100;
}

2.2 Adding slides

langan June 20, 2013 Slideshow
  1. Click on Slider images > Add new
  2. Type the slider title
  3. Click on Set feature image to set the slide image
  4. Select the Slideshow that you want your slide to be part of
  5. Set the order of the appearence
  6. Click on Publish to publish the slide
4_2