TouchM - Slider Revolution Full Width

[Cosmin]

Hi,

For those who will like to have the Slider Revolution with Full Width here is how you can achieve that in 3 easy steps.

1. Open style1.css and add the following code to the css at line 354 (if you did not change the css ) or search for "General Sliders" :

Code: Select all

    .fullwidthbanner-container{
      width:100% !important;
      position:relative;
      padding:0;
      max-height:450px !important;
      overflow:hidden;
      margin-bottom:-25px;
      margin-top:-20px;
      
   

2. Open index.html and change:

Code: Select all

mainslider-container responsive

to

Code: Select all

fullwidthbanner-container

and

Code: Select all

mainslider

to

Code: Select all

fullwidthbanner tp-simpleresponsive

Not hard so far. Right? . Now the last step.

3. Open app.js in the javascripts folder and change:

Code: Select all

.mainslider

to

Code: Select all

.fullwidthbanner

You can fiind this at line 53 or look for " // Slider Revolution " .

I hope this will help many of you.

Cheers